www.gusucode.com > 8：【198-3690】html5响应式网站织梦模板源码 IT网络工作室整站(自适应手机) > 8：【198-3690】html5响应式网站织梦模板源码 IT网络工作室整站(自适应手机)/skins/css/css.css

    /* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
/* CSS Document */
html {
	font-size: 16px;
}
body {
	margin: 0px;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
	background: url(../images/index_01.gif) repeat;
	min-width: 1200px;
}
input, textarea, select, option {
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}
div {
	text-align: left;
}
a {
	text-decoration: none;
}
.clear {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
img {
	border: 0px;
}
:focus {
	OUTLINE-STYLE: none;
	OUTLINE-COLOR: invert;
	OUTLINE-WIDTH: 0px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
a {
	text-decoration: none;
}
img {
	border: 0px;
}
h1 {
	margin: 0px;
	padding: 0px;
}
h2 {
	margin: 0px;
	padding: 0px;
}
h3 {
	margin: 0px;
	padding: 0px;
}
object, embed, a, input {
bblr:expression_r(this.onFocus=this.blur());
	outline: none;
}
.header {
	height: 103px;
	clear: both;
	background: rgba(0,0,0,0.8);
*background:url(../images/index_01.png) repeat;
	position: relative;
	z-index: 1000;
}
.headera {
	height: 103px;
	margin: 0px auto;
	min-width: 1200px;
}
.logoA {
	float: left;
	margin-top: 15px;
	margin-left: 75px;
}
.headeraR {
	float: right;
	height: 103px;
	position: relative;
}
.NavMore {
	float: right;
	margin-top: 18px;
	display: none;
}
.Navli {
	float: left;
	height: 103px;
}
.Navli li {
	height: 53px;
	padding: 0px 0px;
	float: left;
}
.Navli li.Navlilis {
	line-height: 53px;
	color: #eee;
	margin-right: 20px;
	font-size: 16px;
	font-weight: bold;
}
.Navli li.Navlilis img {
	height: 30px;
	float: left;
	margin-top: 12px;
	margin-right: -3px;
}
.Navli li a {
	display: block;
	height: 53px;
	font-size: 16px;
	color: #bfbdbd;
	line-height: 53px;
	padding: 0px 35px;
}
.Navli li a:hover {
	color: #fff;
}
.Navli li.curentsa {
	background: #010101;
}
.Navli li.curentsa a {
	background: #770e12;
}
.Navlistata {
	display: none;
}
.visibles {
	display: block;
}
/*****商桥隐藏*******/
body #qiao-wrap {
	display: none;
}
#nb_icon_wrap {
	top: -500px !important;
}
/*****商桥隐藏------*******/

/* GPU 加速CSS */
.headera {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.CentMain {
	width: 1142px;
	margin: 0px auto;
	min-height: 200px;
	_height: 200px;
	overflow: hidden;
	padding: 30px 0px;
}
.DtiasBt {
	height: 105px;
	clear: both;
	text-align: center;
}
.DtiasNv {
	height: 32px;
	clear: both;
	line-height: 32px;
	font-size: 18px;
	text-align: center;
}
.DtiasNv a {
	display: inline-block;
	color: #be0e29;
	font-size: 18px;
	margin: 0px 25px;
}
.DtiasNv a span {
	font-size: 12px;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	color: #fff;
	padding: 0px 10px;
	border-radius: 16px;
	background: #d2d1d1;
	position: relative;
	top: -2px;
	margin-left: 5px;
}
.DtiasNv a.curscs span {
	background: #be0e29;
}
.DtiasNvmbs {
	height: 35px;
	line-height: 35px;
	clear: both;
	text-align: right;
	font-size: 12px;
}
.DtiasNvmbs a {
	color: #838282;
}
.DtiasNvmbs a:hover {
	color: #be0e29;
}
.Dtiasul {
	min-height: 200px;
	_height: 200px;
	overflow: hidden;
*overflow:visible;
	width: 1200px;
	margin: 0x auto;
}
.Dtiasul li {
	background: #f2f2f2;
	overflow: hidden;
	width: 360px;
	height: 402px;
	float: left;
	margin-right: 31px;
	margin-bottom: 29px;
}
.Dtiasul li img {
	width: 100%;
}
.LIBtom {
	padding: 0px 6.6%;
}
.LIBtom h2 {
	font-weight: normal;
	overflow: hidden;
	height: 35px;
	line-height: 35px;
	padding-top: 0px;
	font-size: 17px;
}
.LIBtom h2 a {
	color: #000000;
}
.LIBtom .xinx {
	min-height: 30px;
	_height: 30px;
	overflow: hidden;
*overflow:visible;
	line-height: 30px;
	font-size: 13px;
	color: #b6b4b4;
}
.LIBtom .xinx span {
	margin-right: 20px;
}
.LIBtom .xinx img {
	width: 20px;
	height: 20px;
	margin-bottom: -5px;
	margin-right: 5px;
}
.LIBtom p {
	color: #636363;
	margin: 0px;
	padding: 0px;
	clear: both;
	font-size: 13px;
	line-height: 25px;
	margin-bottom: 10px;
}
.LIBtom .Mores {
	display: block;
	background: #000000;
	color: #fff;
	font-size: 12px;
	padding: 0px 15px;
	border-radius: 26px;
	height: 26px;
	line-height: 26px;
	float: left;
}
.LIBtom .Mores:hover {
	text-decoration: underline;
}
.fenyelinK {
	clear: both;
	height: 34px;
	padding: 45px 0px;
	clear: both;
	padding-bottom: 100px;
}
.fenyelinK a {
	display: block;
	height: 34px;
	width: 35px;
	float: left;
	margin-right: 3px;
	border: 1px solid #dddddd;
	text-align: center;
	line-height: 34px;
	background: #333;
	font-size: 13px;
	color: #837979;
}
.fenyelinK a:hover {
	color: #fff;
}
.fenyelinK a.curenssx {
	background: #be0e29;
	color: #fff;
}
.fenyelinK a:first-of-type {
	border-radius: 0.3rem 0px 0px 0.3rem;
}
.fenyelinK a:last-child {
	border-radius: 0px 0.3rem 0.3rem 0px;
}
.bottomsS {
	height: 274px;
	background: #333;
	clear: both;
}
.bottomsSa {
	max-width: 1280px;
	height: 274px;
	margin: 0px auto;
}
.bottomsSaL {
	float: left;
	padding-top: 50px;
}
.bottomsSaL li {
	float: left;
	width: 170px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.bottomsSaL li a {
	display: block;
	color: #837979;
	height: 33px;
	line-height: 33px;
	font-size: 18px;
}
.bottomsSaL li a:hover {
	color: #ccc;
}
.bottomsSaR {
	float: right;
	padding-top: 45px;
}
.bottomsSaR li {
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	text-align: right;
}
.bottomsSaR li img {
	margin-right: 20px;
	margin-bottom: -5px;
}
.bottomsSaR li a {
	color: #837979;
	cursor: default;
}
.bottomsX {
	min-height: 20px;
	_height: 20px;
	overflow: hidden;
*overflow:visible;
	clear: both;
	padding: 25px 0px;
	color: #f1bec0;
	background: #be0e29;
}
.bottomsXa {
	max-width: 1280px;
	margin: 0px auto;
}
.bottomsXaL {
	width: 880px;
	padding-left: 200px;
	text-align: center;
	font-size: 14px;
	line-height: 12px;
	float: left;
}
.bottomsXaR {
	float: right;
}
.bottomsXaL a {
	color: #fff;
}
.bottomsXaR IMG {
	margin-left: 15px;
}
.DongtNRxqy {
	min-height: 200px;
	_height: 200px;
	overflow: hidden;
*overflow:visible;
}
.DongtNRxqyL {
	min-height: 200px;
	_height: 200px;
	overflow: hidden;
*overflow:visible;
	float: left;
	background: #fff;
	width: 628px;
	padding: 30px 60px;
}
.Hbiaoti {
	clear: both;
	min-height: 20px;
	_height: 20px;
	overflow: hidden;
*overflow:visible;
	padding: 15px 0px;
	border-bottom: 1px solid #dddbdb;
	margin-bottom: 15px;
}
.Hbiaoti h2 {
	font-size: 24px;
	color: #333;
	font-weight: normal;
	clear: both;
	margin-bottom: 10px;
}
.Hbiaoti span {
	float: left;
	color: #b6b4b4;
	font-size: 13px;
	margin-right: 10px;
	padding-top: 5px;
}
.Hbiaoti a span {
	float: none;
	margin: 0px;
	padding: 0px;
}
.Hbiaoti span img {
	margin-bottom: -5px;
	margin-right: 5px;
}
.Hbiaoti span.fx {
	color: #333;
}
.Hbiaoti span.fx img {
	margin-left: 10px;
}
.Hbiaoti font {
	float: right;
}
.Hbiaoti font img {
	margin: 0px 5px;
	margin-left: 7px;
}
.DongtaXQneR {
	min-height: 300px;
	_height: 300px;
	overflow: hidden;
*overflow:visible;
	clear: both;
	margin-bottom: 20px;
	font-size: 16px;
	color: #333;
	line-height: 32px;
	margin-bottom: 30px;
}
.DongtaXQneR img {
	max-width: 100%;
	width: 100%;
}
.HbiaotibordTp {
	border: 0px;
	border-top: 1px solid #dddbdb;
}
.DongtNRxqyR {
	width: 360px;
	background: #fff;
	float: right;
}
.DongtNRxqyR1 {
	display: block;
	height: 85px;
	line-height: 85px;
	font-size: 24px;
	color: #fff;
	background: #be0e29;
	text-align: center;
	margin-bottom: 10px;
}
.DongtNRxqyR1 img {
	margin-bottom: -5px;
	margin-right: 13px;
}
.DongtNRxqyR2 {
	display: block;
	height: 85px;
	line-height: 85px;
	font-size: 24px;
	color: #fff;
	background: #000;
	text-align: center;
	margin-bottom: 10px;
}
.DongtNRxqyR2 img {
	margin-bottom: -5px;
	margin-right: 13px;
}
.DongtNRxqyRul1 {
	padding-top: 10px;
	width: 380px;
}
.DongtNRxqyRul1 li {
	width: 175px;
	height: 140px;
	float: left;
	margin-bottom: 7px;
	font-size: 14px;
	color: #333;
	text-align: center;
	margin-right: 10px;
}
.DongtNRxqyRul1 li img {
	display: block;
	width: 175px;
	height: 97px;
	margin-bottom: 10px;
}
.DongtNRxqyRul1 li a {
	color: #333;
}
.DongtNRxqyRul1 li a:hover {
	color: #be0e29;
}
.DongtNRxqyRul2 {
	padding-top: 20px;
}
.DongtNRxqyRul2 li {
	width: 360px;
	height: 320px;
	clear: both;
}
.DongtNRxqyRul2 li img {
	width: 360px;
	height: 201px;
	display: block;
}
.DongtNRxqyRul2 li h2 {
	height: 35px;
	font-size: 17px;
	padding-top: 10px;
	text-align: center;
	line-height: 35px;
	font-weight: normal;
}
.DongtNRxqyRul2 li h2 a {
	color: #000;
}
.DongtNRxqyRul2 li h2 a:hover {
	color: #be0e29;
}
.DongtNRxqyRul2 li p {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	color: #636363;
	line-height: 23px;
	margin: 0px 10px;
}
.PorjctMain {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 40px 0px;
}
.PorjctMainUp {
	min-height: 10px;
	_height: 10px;
	overflow: hidden;
*overflow:visible;
	clear: both;
	text-align: center;
	margin-bottom: 50px;
}
.PorjctMainUp .listimg {
	margin-bottom: 15px;
}
.PorjctMainMId {
	width: 663px;
	height: 456px;
	position: relative;
	margin: 0px auto;
	margin-bottom: 70px;
}
.Porjctlibr {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 5px;
}
.Porjctlibr .p {
	height: 170px;
	padding-top: 60px;
	clear: both;
	font-size: 24px;
	text-align: center;
	margin: 0px 10px;
	line-height: 40px;
	overflow: hidden;
}
.Porjctlibr .hui {
	clear: both;
	height: 102px;
	text-align: center;
	color: #6d6d6d;
	text-align: center;
	font-size: 14px;
}
.Porjctlibr span {
	display: block;
	font-size: 18px;
	color: #898989;
	padding-top: 20px;
}
.Porjctlibr .linkmore {
	display: block;
	margin: 0px auto;
	width: 182px;
	height: 33px;
	text-align: center;
	line-height: 33px;
	font-size: 18px;
	color: #644046;
	border: 3px solid #be0e29;
	border-radius: 10px;
	background: #fff;
}
.Porjctlibr .linkmore:hover {
	background: #be0e29;
	color: #fff;
}
.Porjctlibr>img {
	width: 100%;
	height: 100%;
}
.serveApp {/*height:945px;*/
	position: relative;
	overflow: hidden; /*overflow:hidden;*/
}
.backImgY1 {
	position: absolute;
	width: 70%;
	right: 5%;
	top: 50%;
}
.backImgY2 {
	position: absolute;
	width: 27%;
	right: 35%;
	top: 60%;
}
.backImgY3 {
	position: absolute;
	width: 50%;
	right: 25%;
	top: 40%;
}
.backImgY4 {
	position: absolute;
	width: 45%;
	right: 27%;
	top: 30%;
}
.serveApp1 {
	width: 1200px;
	margin: 0px auto;
	position: relative;
	z-index: 10;
}
.serveApp1H {
	min-height: 20px;
	_height: 20px;
	overflow: hidden;
*overflow:visible;
	text-align: center;
	font-size: 12px;
	color: #be0e29;
	line-height: 20px;
	padding-top: 55px;
}
.serveApp1H img {
	margin-bottom: 10px;
}
.serveApp1nav {
	height: 90px;
	padding-top: 30px;
	text-align: center;
	margin-bottom: 25px;
}
.serveApp1nav img {
	margin: 0px 10px;
	position: relative;
}
.phoneBox {
	width: 293px;
	height: 463px;
	background: url(../images/index_38.png) no-repeat;
	margin: 0px auto;
	margin-bottom: 100px;
}
.serveAppBk2 {
	height: 790px;
	position: relative;
	background: url(../images/index_51.png) repeat;
	z-index: 10;
}
.ImgtopMterl {
	width: 100%;
	position: absolute;
	left: 0px;
	top: -100px;
	border-bottom: 100px solid #be0e29;
}
.ImgbottomMterl {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.serveAppBk2H {
	position: relative;
	z-index: 0px;
	width: 540px;
	height: 177px;
	margin: 0px auto;
	z-index: 5;
	text-align: center;
}
.serveAppBk2H .back {
	position: absolute;
	left: 70px;
	top: 23px;
	width: 400px;
	height: 131px;
}
.serveAppBk2H .img {
	position: relative;
	z-index: 2;
	top: 55px;
}
.ImgbottomMterl2 {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	overflow: hidden;
	height: 254px;
}
.MterbottomMtl2img {
	width: 9999999px;
	height: 245px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(../images/index_43.png) repeat-x;
}
.serveAppBk2_btn {
	width: 140px;
	height: 27px;
	display: block;
	margin: 0px auto;
	clear: both;
	background: #d04d61;
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 27px;
	border-radius: 27px;
	position: relative;
	z-index: 100;
}
.serveAppBk2_Pic {
	width: 755px;
	height: 355px;
	padding-top: 45px;
	margin: 0px auto;
}
.serveAppBk2_Picul {
	width: 900px;
}
.serveAppBk2_Picul li {
	margin-right: 52px;
	width: 106px;
	height: 160px;
	float: left;
	position: relative;
}
.serveAppBk2_Picul li .back {
	width: 106px;
	height: 106px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.serveAppBk2_Picul li:hover .back {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
.serveAppBk2_Picul li span {
	display: block;
	width: 106px;
	height: 106px;
	background: url(../images/kong.gif) no-repeat;
	position: relative;
	z-index: 2;
	text-align: center;
}
.serveAppBk2_Picul li span .img2 {
	display: none;
}
.serveAppBk2_Picul li span img {
	position: relative;
	top: 32px;
}
.serveAppBk2_Picul li:hover .img2 {
	display: inline;
}
.serveAppBk2_Picul li:hover .img1 {
	display: none;
}
.serveAppBk2_Picul li font {
	display: block;
	height: 45px;
	line-height: 45px;
	font-size: 24px;
	color: #f898a6;
	text-align: center;
}
.serveAppBk2_Pic_box {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.serveAppBk3 {
	padding-top: 51px;
	clear: both;
	width: 100%;
	overflow: hidden;
}
.serveAppBk3_Title {
	width: 688px;
	height: 110px;
	max-width: 100%;
	margin: 0px auto;
	background: url(../images/index_44.png) center center no-repeat;
	text-align: center;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
.serveAppBk3_Title .img {
	position: relative;
	z-index: 5;
	top: 20px;
}
.serveAppBk3_Title .mask {
	height: 110px;
	width: 999999px;
	position: absolute;
	right: 0px;
	top: 0px;
	background: url(../images/index_47.png) repeat;
	z-index: 10;
}
.serveAppBk3_p {
	min-height: 20px;
	_height: 20px;
	overflow: hidden;
*overflow:visible;
	font-size: 12px;
	color: #c19ab8;
	max-width: 1000px;
	margin: 0px auto;
	text-align: center;
	line-height: 20px;
	margin-bottom: 35px;
	padding: 0px 15px;
}
.serveAppBk3_Cont {
	width: 1000px;
	clear: both;
	margin: 0px auto;
}
.serveAppBk3_Cont1 {
	width: 480px;
	float: left;
}
.serveAppBk3_Cont1 .Title {
	display: block;
	height: 29px;
	margin-bottom: 34px;
	clear: both;
}
.serveAppBk3_ul {
	margin-bottom: 20px;
}
.serveAppBk3_ul li {
	position: relative;
	clear: both;
	padding-left: 30px;
	font-size: 14px;
	color: #9d9c9c;
	line-height: 43px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}
.serveAppBk3_ul li img {
	width: 22px;
	height: 23px;
	position: absolute;
	left: 0px;
	top: 10px;
}
.serveAppBk3_lication {
	clear: both;
	font-size: 18px;
	color: #e6abc7;
	margin-bottom: 30px;
}
.serveAppBk3_lication img {
	height: 18px;
	display: block;
	margin-bottom: 5px;
}
.serveAppBk3_Cont1R {
	float: right;
}
.serveAppBk3_Cont1R .serveAppBk3_lication {
	color: #c71d68;
}
.serveAppBk3_linkbtn {
	display: block;
	clear: both;
	margin: 0px auto;
	position: relative;
	left: -45px;
}
.serveAppBk3_Cont1R .serveAppBk3_ul li {
	color: #000;
}
.yidongBnaner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	overflow: hidden;
}
.yidongBnaner li {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	left: 0px;
	top: 0px;
}
.yidongBnaner li span {
	position: absolute;
	display: block;
	width: 1100%;
	left: -500%;
	top: 0px;
	height: 100%;
	text-align: center;
}
.yidongBnaner li span img {
	height: 100%;
	min-width: 9.09%;
}
.Sybannerli.Sybannerlia img {
	height: 100%;
}
 @-moz-keyframes animationsHLine {
 0% {
left:150px;
opacity:0;
}
 100% {
left:0px;
opacity:1;
}
}
@-ms-keyframes animationsHLine {
 0% {
left:150px;
opacity:0;
}
 100% {
left:0px;
opacity:1;
}
}
@-o-keyframes animationsHLine {
 0% {
left:150px;
opacity:0;
}
 100% {
left:0px;
opacity:1;
}
}
@-webkit-keyframes animationsHLine {
 0% {
left:150px;
opacity:0;
}
 100% {
left:0px;
opacity:1;
}
}
@keyframes animationsHLine {
 0% {
left:150px;
opacity:0;
}
 100% {
left:0px;
opacity:1;
}
}
@-moz-keyframes animationsHLine2 {
 0% {
left:0px;
opacity:1;
}
 100% {
left:0px;
opacity:1;
}
}
@-ms-keyframes animationsHLine2 {
 0% {
left:0px;
opacity:1;
}
 100% {
left:0px;
opacity:1;
}
}
@-o-keyframes animationsHLine2 {
 0% {
left:0px;
opacity:1;
}
 100% {
left:0px;
opacity:1;
}
}
@-webkit-keyframes animationsHLine2 {
 0% {
left:0px;
opacity:1;
}
 100% {
left:0px;
opacity:1;
}
}
@keyframes animationsHLine2 {
 0% {
left:0px;
opacity:1;
}
 100% {
left:0px;
opacity:1;
}
}
.srollBOxcurenT .serveAppBk3_ul li:nth-child(1) {
	left: 150px;
	opacity: 0;
	-moz-animation: animationsHLine 0.7s ease-in-out 0.5s, animationsHLine2 1000000s linear 1.2s;
	-ms-animation: animationsHLine 0.7s ease-in-out 0.5s, animationsHLine2 1000000s linear 1.2s;
	-o-animation: animationsHLine 0.7s ease-in-out 0.5s, animationsHLine2 1000000s linear 1.2s;
	-webkit-animation: animationsHLine 0.7s ease-in-out 0.5s, animationsHLine2 1000000s linear 1.2s;
	animation: animationsHLine 0.7s ease-in-out 0.5s, animationsHLine2 1000000s linear 1.2s;
}
.srollBOxcurenT .serveAppBk3_ul li:nth-child(2) {
	left: 150px;
	opacity: 0;
	-moz-animation: animationsHLine 0.65s ease-in-out 0.6s, animationsHLine2 1000000s linear 1.25s;
	-ms-animation: animationsHLine 0.65s ease-in-out 0.6s, animationsHLine2 1000000s linear 1.25s;
	-o-animation: animationsHLine 0.65s ease-in-out 0.6s, animationsHLine2 1000000s linear 1.25s;
	-webkit-animation: animationsHLine 0.65s ease-in-out 0.6s, animationsHLine2 1000000s linear 1.25s;
	animation: animationsHLine 0.65s ease-in-out 0.6s, animationsHLine2 1000000s linear 1.25s;
}
.srollBOxcurenT .serveAppBk3_ul li:nth-child(3) {
	left: 150px;
	opacity: 0;
	-moz-animation: animationsHLine 0.6s ease-in-out 0.7s, animationsHLine2 1000000s linear 1.3s;
	-ms-animation: animationsHLine 0.6s ease-in-out 0.7s, animationsHLine2 1000000s linear 1.3s;
	-o-animation: animationsHLine 0.6s ease-in-out 0.7s, animationsHLine2 1000000s linear 1.3s;
	-webkit-animation: animationsHLine 0.6s ease-in-out 0.7s, animationsHLine2 1000000s linear 1.3s;
	animation: animationsHLine 0.6s ease-in-out 0.7s, animationsHLine2 1000000s linear 1.3s;
}
.srollBOxcurenT .serveAppBk3_ul li:nth-child(4) {
	left: 150px;
	opacity: 0;
	-moz-animation: animationsHLine 0.55s ease-in-out 0.8s, animationsHLine2 1000000s linear 1.35s;
	-ms-animation: animationsHLine 0.55s ease-in-out 0.8s, animationsHLine2 1000000s linear 1.35s;
	-o-animation: animationsHLine 0.55s ease-in-out 0.8s, animationsHLine2 1000000s linear 1.35s;
	-webkit-animation: animationsHLine 0.55s ease-in-out 0.8s, animationsHLine2 1000000s linear 1.35s;
	animation: animationsHLine 0.55s ease-in-out 0.8s, animationsHLine2 1000000s linear 1.35s;
}
.srollBOxcurenT .serveAppBk3_ul li:nth-child(5) {
	left: 150px;
	opacity: 0;
	-moz-animation: animationsHLine 0.5s ease-in-out 0.9s, animationsHLine2 1000000s linear 1.4s;
	-ms-animation: animationsHLine 0.5s ease-in-out 0.9s, animationsHLine2 1000000s linear 1.4s;
	-o-animation: animationsHLine 0.5s ease-in-out 0.9s, animationsHLine2 1000000s linear 1.4s;
	-webkit-animation: animationsHLine 0.5s ease-in-out 0.9s, animationsHLine2 1000000s linear 1.4s;
	animation: animationsHLine 0.5s ease-in-out 0.9s, animationsHLine2 1000000s linear 1.4s;
}
.srollBOxcurenT .serveAppBk3_ul li:nth-child(6) {
	left: 150px;
	opacity: 0;
	-moz-animation: animationsHLine 0.45s ease-in-out 1s, animationsHLine2 1000000s linear 1.45s;
	-ms-animation: animationsHLine 0.45s ease-in-out 1s, animationsHLine2 1000000s linear 1.45s;
	-o-animation: animationsHLine 0.45s ease-in-out 1s, animationsHLine2 1000000s linear 1.45s;
	-webkit-animation: animationsHLine 0.45s ease-in-out 1s, animationsHLine2 1000000s linear 1.45s;
	animation: animationsHLine 0.45s ease-in-out 1s, animationsHLine2 1000000s linear 1.45s;
}
.srollBOxcurenT .serveAppBk3_ul li:nth-child(7) {
	left: 150px;
	opacity: 0;
	-moz-animation: animationsHLine 0.4s ease-in-out 1.1s, animationsHLine2 1000000s linear 1.5s;
	-ms-animation: animationsHLine 0.4s ease-in-out 1.1s, animationsHLine2 1000000s linear 1.5s;
	-o-animation: animationsHLine 0.4s ease-in-out 1.1s, animationsHLine2 1000000s linear 1.5s;
	-webkit-animation: animationsHLine 0.4s ease-in-out 1.1s, animationsHLine2 1000000s linear 1.5s;
	animation: animationsHLine 0.4s ease-in-out 1.1s, animationsHLine2 1000000s linear 1.5s;
}
.serveAppBk4 {
	width: 100%;
	height: 880px;
	background: #be0e29;
	padding-top: 60px;
	overflow: hidden;
}
.Title {
	display: block;
	margin: 0px auto;
	max-width: 100%;
}
.serveAppBk4_p {
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding: 20px 0px;
}
.serveAppBk4_picList {
	width: 871px;
	height: 269px;
	margin: 150px auto;
	border: 4px solid #d04d61;
	border-left: 0px;
	border-radius: 0px 30px 30px 0px;
}
.serveAppBk4_picListWid {
	width: 1000px;
}
.serveAppBk4_picms {
	width: 118px;
	height: 180px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
	float: left;
	top: -102px;
	position: relative;
	margin-left: -20px;
	left: -27px;
	margin-right: 101px;
	margin-bottom: 0px;
}
.serveAppBk4_picms.picms {
	float: right;
	clear: left;
	left: -35px;
}
.serveAppBk4_picms img {
	display: block;
	margin: 0px auto;
	position: relative;
}
.serveAppBk4_picms span {
	position: relative;
}
.serveAppBk4_picms img.img1 {
	width: 91px;
	height: 69px;
	margin-bottom: 17px;
}
.serveAppBk4_picms img.img2 {
	width: 26px;
	height: 26px;
	margin-bottom: 21px;
}
.borderRDss {
	display: none;
}
.serveAppBk5 {
	min-height: 100px;
	_height: 100px;
	overflow: hidden;
*verflow:visible;
}
.serveAppBk5_ul {
	width: 100%;
	margin: 0px auto;
}
.serveAppBk5_ul li {
	width: 100%;
	left: 0px;
	top: 0px;
}
.serveAppBk5_ul li a {
	display: block;
	width: 25%;
	position: relative;
	float: left;
	overflow: hidden;
}
.serveAppBk5_ul li a .baxk {
	width: 100%;
}
.serveAppBk5_ul li a .img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.serveAppBk5_ul li a span {
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: url(../images/index_01.png) repeat;
	left: 0px;
	bottom: -30px;
	width: 100%;
	position: absolute;
	z-index: 10;
	font-size: 14px;
	color: #fff;
}
.AppBk5dianNUm {
	height: 17px;
	clear: both;
	text-align: center;
	margin-bottom: 60px;
	position: relative;
	z-index: 100;
}
.AppBk5dianNUm span {
	display: inline-block;
	width: 17px;
	height: 17px;
	border-radius: 17px;
	background: #f7b1b1;
	margin: 0px 12px;
	cursor: pointer;
}
.AppBk5dianNUm span.curnsdscss {
	background: #eb7070;
}
.serveAppBk6 {
	width: 100%;
	height: 565px;
	overflow: hidden;
	position: relative;
}
.ui-loader {
	display: none;
}
.serveAppBk6_List {
	width: 570px;
	height: 400px;
	margin: 0px auto;
	padding-top: 30px;
}
.serveAppBk6_ul {
	width: 680px;
	height: 400px;
}
.serveAppBk6_ul li {
	width: 128px;
	float: left;
	height: 400px;
	margin-right: 93px;
	text-align: center;
	font-size: 14px;
	color: #555455;
	line-height: 25px;
}
.serveAppBk6_ul li img {
	display: block;
	width: 128px;
	height: 128px;
	margin-bottom: 25px;
}
.serveAppBk6_ul li h2 {
	height: 45px;
	font-size: 24px;
	line-height: 45px;
	font-weight: normal;
	margin-bottom: 15px;
}
.MterbottomMtl2imgAAA {
	background: url(../images/index_48.png) left top repeat-x;
	height: 250px;
}
.WEBlink1 {
	width: 140px;
	height: 27px;
	display: block;
	margin: 20px auto;
	clear: both;
	margin-bottom: 30px;
}
.WEBbanner {
	display: block;
	margin: 0px auto;
	clear: both;
	max-width: 100%;
	margin-bottom: 100px;
}
.WEBbannerB {
	display: none;
}
.websolution {
	display: block;
	margin: 0px auto;
	margin-bottom: 70px;
	position: relative;
	top: 50px;
	max-width: 100%;
}
.serveAppBk2_Picul li.Webli {
	height: 190px;
	width: 88px;
	text-align: center;
	margin-bottom: 16px;
	margin-right: 133px;
}
.serveAppBk2_Picul li.Webli img {
	display: block;
	width: 88px;
	height: 88px;
	margin-bottom: 22px;
}
.serveAppBk2_Picul li.Webli a {
	font-size: 14px;
	color: #fff;
}
.serveAppBk2_Picul li.Webli span.lk {
	position: absolute;
	bottom: 0px;
	height: 15px;
	line-height: 15px;
	display: block;
	text-align: right;
	width: auto;
	right: 10px;
	font-size: 12px;
	color: #bf92a9;
}
.WebServiceYS {
	min-height: 200px;
	_height: 200px;
	overflow: hidden;
*overflow:visible;
	padding-top: 20px;
}
.WebServiceYS_title {
	display: block;
	margin: 35px auto;
	margin-bottom: 20px;
	position: relative;
}
.WebSerYS_titleLk {
	background: #be0e29;
	position: relative;
	z-index: 20;
	top: 18px;
}
.WebServiceYS_ul {
	clear: both;
	min-height: 20px;
	_height: 20px;
	overflow: hidden;
*overflow:visible;
}
.WebServiceYS_ul li {
	width: 33.328%;
	position: relative;
	overflow: hidden;
	float: left;
}
.WebServiceYS_ul li .img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.WebServiceYS_ul li .Gkb {
	width: 100%;
}
.WebServiceYS_ul li .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #be0e29;
	left: 0px;
	top: 0px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	display: none;
}
.WebServiceYS_ul li .mask h2 {
	font-size: 4em;
	clear: both;
	position: relative;
	height: 1.5em;
	line-height: 1.5em;
	padding-top: 1.2em;
	font-weight: normal;
position:relative left:700px;
}
.WebServiceYS_ul li .mask span {
	display: block;
	font-size: 1.2em;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	left: 700px;
}
.WebServiceYS_ul li .mask p {
	margin: 0px;
	padding: 0px;
	padding-top: 1.5em;
	font-size: 1.8em;
	line-height: 1.7em;
	margin-left: 10%;
	margin-right: 10%;
	position: relative;
	left: 700px;
}
.WebprocessLc {
	width: 100%;
	min-height: 500px;
	_height: 500px;
	overflow: hidden;
*overflow:visible;
	background: url(../images/index_51.png) repeat;
	padding-top: 76px;
	position: relative;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.WebprocessPic {
	height: 231px;
	width: 1160px;
	position: relative;
	margin: 0px auto;
	overflow: hidden;
	margin-bottom: 100px;
	z-index: 100;
	margin-top: 20px;
}
.WebprocessPic_line1, .WebprocessPic_line2, .WebprocessPic_line3 {
	position: absolute;
}
.WebprocessPic_adorn1, .WebprocessPic_adorn2, .WebprocessPic_adorn3 {
	position: absolute;
	left: 5%;
}
.WebprocessPic_line1 {
	top: 64px;
}
.WebprocessPic_line2 {
	top: 295px;
}
.WebprocessPic_line3 {
	top: 526px;
}
.WebprocessPic_adorn1 {
	top: 8px;
}
.WebprocessPic_adorn2 {
	top: 236px;
}
.WebprocessPic_adorn3 {
	top: 467px;
}
.WebprocessPic_ul li {
	width: 136px;
	height: 205px;
	margin-right: 70px;
	margin-top: 26px;
	position: relative;
	background: url(../images/index_42.png) center top no-repeat;
	position: relative;
	cursor: pointer;
	float: left;
}
.WebprocessPic_ul li .back {
	width: 106px;
	height: 106px;
	position: absolute;
	left: 15px;
	top: 0px;
}
.WebprocessPic_ul li .img1 {
	display: block;
	width: 42px;
	height: 46px;
	margin: 0px auto;
	position: relative;
	z-index: 10;
	top: 34px;
	margin-bottom: 65px;
}
.WebprocessPic_ul li .img2 {
	display: block;
	width: 42px;
	height: 46px;
	margin: 0px auto;
	position: relative;
	z-index: 10;
	display: none;
	top: 34px;
	margin-bottom: 65px;
}
.WebprocessPic_ul li h2 {
	font-weight: normal;
	text-align: center;
	font-size: 24px;
	color: #fff;
	line-height: 35px;
}
.WebprocessPic_ul li p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 18px;
	padding-top: 15px;
}
.WebprocessPic_ul li:hover {
	background: url(../images/index_42.png) center top no-repeat;
}
.WebprocessPic_ul li:hover .img1 {
	display: none;
}
.WebprocessPic_ul li:hover .img2 {
	display: block;
}
.WebprocessPic_ul li:hover h2 {
	color: #fff;
}
.WebprocessPic_ul li:hover p {
	color: #fff;
}
.materll {
	position: relative;
	height: 100%;
	margin: 0px 60px;
	overflow: hidden;
}
.WebprocessPic_ul {
	width: 110%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10px;
}
.Index_liaoJie {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.liaoJie_back {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.liaoJie_Mask {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/opacT0.8.png) repeat;
	z-index: 10;
}
.liaoJie_tilte {
	display: block;
	margin: 0px auto;
	position: relative;
	z-index: 100;
	margin-bottom: 100px;
	top: 80px;
	max-width: 100%;
}
.liaoJie_list {
	width: 1200px;
	position: relative;
	z-index: 100;
	margin: 0px auto;
	padding-top: 50px;
	overflow: hidden;
	clear: both;
}
.liaoJie_list ul {
	width: 1350px;
	clear: both;
	margin-bottom: 70px;
}
.liaoJie_list ul li {
	width: 222px;
	height: 310px;
	float: left;
	margin-right: 104px;
	text-align: center;
	color: #ff91a2;
	font-size: 18px;
}
.liaoJie_list ul li .ruad {
	width: 222px;
	height: 222px;
	background: url(../images/redOpact0.5.png) repeat;
	border-radius: 222px;
	text-align: center;
	margin-bottom: 25px;
}
.liaoJie_list ul li .ruad img {
	position: relative;
	top: 77px;
}
.liaoJie_list ul li p {
	margin: 0px;
	padding: 0px;
	line-height: 27px;
}
.liaoJie_list ul li:hover .ruad {
	background: #be0e29;
}
.ourpoint {
	min-height: 200px;
	_height: 200px;
	overflow: hidden;
*overflow:visible;
	background: url(../images/index_51.png) repeat;
	clear: both;
}
.ourpoint_Tilet {
	height: 105px;
	clear: both; /*background:url(../images/index_54.png) center center no-repeat;*/
	text-align: center;
	margin-top: -35px;
	padding-top: 50px;
}
.contactSy {
	position: relative;
	overflow: hidden;
}
.contact_bkcanvas {
	position: absolute;
	left: 0px;
	top: 0px;
}
.contactSy_tilte {
	clear: both;
	height: 86px;
	text-align: center;
	padding-top: 52px;
	position: relative;
	z-index: 10;
	margin-bottom: 10px;
}
.risenbMap {
	position: absolute;
	left: 50%;
	margin-left: 430px;
	top: 0px;
	z-index: 5;
}
.contactSy_NR {
	width: 1000px;
	position: relative;
	z-index: 20;
	margin: 0px auto;
	padding-bottom: 50px;
	top: -10px;
}
.contactSy_NRr {
	width: 450px;
	float: right;
	position: relative;
}
.contactSy_NRr1 {
	height: 55px;
	clear: both;
	font-size: 14px;
	color: #8f8e8e;
	letter-spacing: 3px;
	overflow: hidden;
	line-height: 55px;
}
.contactSy_NRr1 img {
	float: left;
	margin-right: 7px;
}
.contactSy_NRrWX {
	width: 110px;
	height: 259px;
	white-space: nowrap;
	position: absolute;
	right: 0px;
	top: 135px;
	font-size: 14px;
	color: #000;
	padding-left: 35px;
	border-left: 1px solid #dfdcdc;
	right: 20px;
}
.contactSy_NRrWX img {
	display: block;
	width: 110px;
}
.contactSy_NRrTB td {
	padding: 14px 0px;
	vertical-align: text-top;
	line-height: 20px;
}
.contactSy_NRrTB td.td1 {
	font-size: 14px;
	color: #000;
	width: 76px;
}
.contactSy_NRrTB td.td2 {
	font-size: 14px;
	color: #929292;
}
.contactSy_NRrTB td.td2 a {
	color: #929292;
}
.contactSy_NRl {
	width: 513px;
	min-height: 20px;
	_height: 20px;
	overflow: hidden;
*overflow:visible;
}
.contactSy_NRl_tb td {
	padding: 5px 0px;
	vertical-align: top;
}
.contactSy_NRl_tb td.td1 {
	width: 80px;
	text-align: right;
	font-size: 14px;
	color: #000;
}
.contactSy_NRl_tb td.td1 span {
	font-size: 9px;
	color: #b7b7b7;
	display: block;
}
.contactSy_NRl_tb td.td2 {
	padding-left: 21px;
	padding-right: 10px;
}
.contactSy_NRl_tb td.td2 .txt {
	width: 100%;
	background: #adadad;
	border: 0px;
	height: 20px;
	padding: 6px 0px;
	font-size: 13px;
	color: #fff;
	padding-left: 10px;
}
.contactSy_NRl_tb td.td2 textarea {
	width: 100%;
	padding: 5px 0px;
	padding-left: 10px;
	font-size: 13px;
	color: #fff;
	height: 125px;
	border: 0px;
	resize: none;
	background: #adadad;
	line-height: 20px;
}
.contactSy_NRl_tb td.td2 .btn {
	width: 100%;
	border: 0px;
	height: 34px;
	font-size: 14px;
	color: #fff;
	background: #be0e29;
	letter-spacing: 2px;
	cursor: pointer;
	margin-right: -10px;
}
.contactSy_NRl_tb td.td2 .ui-btn-text {
	display: none;
}
.AboutpageOver {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.Aboutpage {
	width: 1432px;
	max-width: 100%;
	margin: 0px auto;
	position: relative;
	min-width: 1200px;
}
.AboutpageL {
	width: 4.4%;
	position: absolute;
	left: 0px;
	top: 38%;
	cursor: pointer;
	z-index: 200;
}
.AboutpageR {
	width: 4.4%;
	position: absolute;
	right: 0px;
	top: 38%;
	cursor: pointer;
	z-index: 200;
}
.AboutpageC {
	position: relative;
	width: 85%;
	margin: 0px auto;
}
.overstrut {
	width: 100%;
}
.AboutpageCmskL {
	width: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	height: 100%;
	right: 100%;
	top: 0px;
	position: absolute;
	z-index: 150;
}
.AboutpageCmskR {
	width: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	height: 100%;
	left: 100%;
	top: 0px;
	position: absolute;
	z-index: 150;
}
.AboutpageCli {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}
.pageCliback {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
.RegardspageL {
	position: relative;
	z-index: 10;
	width: 80%;
	font-size: 13px;
	color: #000;
	line-height: 23px;
	float: left;
	margin-left: 15%;
	margin-top: 10%;
}
.RegardspageL img {
	display: block;
	margin-bottom: 30px;
}
.RegardspageR {
	float: right;
	position: relative;
	z-index: 10;
	margin-right: 4%;
	width: 52%;
	margin-top: 13%;
}
.branddspage {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	height: 100%;
	z-index: 10;
}
.branddspage p {
	margin: 0px;
	padding: 0px;
	border: 1px solid #e6e6e6;
	margin-right: 1px;
	margin-bottom: 1px;
	float: left;
	position: relative;
	width: 24.75%;
	overflow: hidden;
}
.branddspage p .baxkDingk {
	display: block;
	float: left;
	width: 100%;
}
.branddspage p .img {
	position: absolute;
	left: 0px;
	top: 0px;
	top: 0px;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.branddspage p span {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 20;
	background: #be0e29;
	font-size: 25px;
	color: #fff;
	text-align: center;
	width: 100%;
	height: 70%;
	padding-top: 20%;
}
.branddspage p:hover span {
	display: block;
}
.branddspage p.mod4 {
	margin-right: 0px;
	float: left;
	border-right: 0px;
}
.branddspage p.pss:hover span {
	display: none;
}
.teampageCli {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}
.teampageCli .img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
.teampageCli .baxkDingk {
	display: block;
	width: 100%;
}
.teampageCli p {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 33.3%;
	position: relative;
	z-index: 20;
	overflow: hidden;
}
.ContactpageL {
	width: 40%;
	position: relative;
	float: left;
	margin-left: 15.2%;
	margin-top: 10%;
	font-size: 13px;
	color: #333;
	line-height: 27px;
}
.ContactpageL img {
	display: block;
	margin-bottom: 20px;
}
.ContactpageR {
	width: 33%;
	float: right;
	position: relative;
	margin-right: 10%;
	margin-top: 15%;
}
.ContactTXtscor {
	position: absolute;
	width: 100%;
	height: 100%;
}
.AboutpageBtnhui {
	cursor: default;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}
.serveAppIPCback {
	width: 9000px;
	height: 128px;
	position: absolute;
	right: 0px;
	top: 510px;
	background: url(../images/APPpiclist.png) repeat-x;
}
.phoneBox {
	position: relative;
	height: 521px;
}
.phoneBoxEffct {
	width: 145px;
	height: 214px;
	position: relative;
	left: 130px;
	top: 63px;
	overflow: hidden;
}
.phoneBoxEffct img {
	position: absolute;
	width: 145px;
	height: 214px;
	left: 100%;
	top: 0px;
}
.phoneLinkbtn {
	position: absolute;
	width: 142px;
	height: 59px;
	left: 50%;
	margin-left: -71px;
	bottom: 0px;
}
.phonePicBntx {
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 70px;
	left: 0px;
	bottom: 180px;
}
.phonePicBntxa {
	height: 70px;
	width: 1000px;
	margin: 0px auto;
}
.phonePicBntxa a {
	display: block;
	width: 70px;
	height: 70px;
	text-align: center;
	font-size: 13px;
	color: #ff2626;
	float: left;
}
.phonePicBntxa img {
	width: 50px;
	height: 50px;
	display: block;
	margin: 0px auto;
	margin-bottom: 3px;
}
.phoneScrolBar {
	overflow-y: hidden;
	overflow-x: scroll;
}
.Sybanner {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.chengKaibaner {
	width: 1200px;
	max-width: 100%;
	display: block;
	margin: 0px auto;
}
.Sybannerli {
	width: 100%;
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	overflow: hidden;
}
.Sybannerli .img {
	height: 100%;
	position: absolute;
}
.bannerItm {
	width: 1200px;
	position: absolute;
	height: 100%;
	left: 50%;
	margin-left: -600px;
	z-index: 15;
}
.bannerItm img {
	position: absolute;
}
.bannerItm2 {
	z-index: 1;
	width: 87%;
	height: 66.5%;
	left: 6%;
	top: 13.8%;
}
.bannerItm3 {
	z-index: 2;
	width: 63.4%;
	height: 29.4%;
	left: 18.1%;
	top: 33.5%;
}
.bannerItm4 {
	z-index: 3;
	width: 24%;
	height: 10.4%;
	left: 58%;
	top: 19.5%;
}
.bannerItm5 {
	z-index: 4;
	width: 64.5%;
	height: 6.9%;
	left: 18%;
	top: 62.2%;
}
.bannerItm5A {
	z-index: 5;
	width: 14.8%;
	left: 18.4%;
	top: 62.7%;
}
.bannerItm5B {
	z-index: 6;
	width: 14.8%;
	left: 43%;
	top: 62.7%;
}
.bannerItm5C {
	z-index: 7;
	width: 14.8%;
	left: 66%;
	top: 62.7%;
}
.bannerItm6 {
	z-index: 8;
	height: 51.9%;
	top: 21%;
	left: 1%;
}
.Sybanner p {
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 1200px;
	z-index: 20;
	left: 50%;
	margin-left: -600px;
	bottom: 8.6%;
	text-align: center;
	position: absolute;
}
.Sybanner p span {
	display: inline-block;
	height: 10px;
	width: 10%;
	border: 1px solid #7e0a17;
	background: url(../images/kong.gif) no-repeat;
	margin: 0px 10px;
	border-radius: 10px;
	cursor: pointer;
}
.Sybanner p span.curschsx {
	background: #7e0a17;
}
.bannerItm1 {
	z-index: 10;
}
.serveAppBk6_ul li img {
	position: relative;
	cursor: pointer;
}
.LIBtom p a {
	color: #636363;
}
.Dtiasul li {
	transition: all 0.25s linear 0s;
}
.Dtiasul li img {
	transition: all 0.3s linear 0s;
}
.Dtiasul li:hover {
	background: #fff;
}
.Dtiasul li:hover>a>img {
	transform: scale(1.05);
}
.Dtiasul li .Mores {
	transition: all 0.1s linear 0s;
	position: relative;
}
.Dtiasul li:hover .Mores {
	transform: scale(1.1);
	background: #c00;
}
.Dtiasul li:hover .LIBtom h2 a {
	color: #be0e29;
}
.MterbottomMtl2imgAAA {
	background: url(../images/index_48C.png) repeat-x;
}
.ImgbottomMterl2A {
	height: 74px;
	width: 50000px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(../images/index_48a.png) repeat-x;
}
.ImgbottomMterl2B {
	height: 46px;
	width: 50000px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(../images/index_48b.png) repeat-x;
}
.bottomsSaR li a img {
	transition: all 0.25s linear 0s;
	position: relative;
}
.bottomsSaR li a:hover img {
	transform: translateX(5px);
}
.bottomsXaR img {
	transition: all 0.25s linear 0s;
}
.bottomsXaR a:hover img {
	transform: translateY(-3px);
}
.WEBlink1 {
	position: relative;
}
.serveAppBk2_Picul li.Webli img.img1 {
	display: none;
}
.serveAppBk2_Picul li.Webli:hover img.img1 {
	display: block;
	position: relative;
}
.serveAppBk2_Picul li.Webli:hover img.img2 {
	display: none;
}
.serveAppBk2_Picul li.Webli img {
	position: relative;
}
.phonePicBntxa a {
	color: #333;
	transition: all 0.25s linear 0s;
}
.phonePicBntxa a img {
	color: #333;
	transition: all 0.25s linear 0s;
}
.phonePicBntxa a:hover img {
	opacity: 0.7;
	margin-bottom: 7px;
}
.phonePicBntxa a:hover {
	color: #c00;
}
.phonePicBntxa a img {
	border-radius: 5px;
}
.DongtNRxqyR1:hover {
	background: #cd233d;
}
.DongtNRxqyR1 img {
	transition: all 0.25s linear 0s;
}
.DongtNRxqyR1:hover img {
	margin-right: 20px;
}
.DongtNRxqyR2:hover {
	background: #212121;
}
.DongtNRxqyR2 img {
	transition: all 0.25s linear 0s;
}
.DongtNRxqyR2:hover img {
	margin-right: 20px;
}
.DongtNRxqyRul1 li img {
	transition: all 0.1s linear 0s;
}
.DongtNRxqyRul1 li:hover img {
	transform: scale(1.02);
	opacity: 0.9;
}
.DongtNRxqyRul1 li:hover a {
	color: #c00;
}
.DongtNRxqyRul2 li img {
	transition: all 0.1s linear 0s;
}
.DongtNRxqyRul2 li:hover img {
	transform: scale(1.02);
	opacity: 0.9;
}
.DongtNRxqyRul2 li:hover a {
	color: #c00;
}
.Hbiaoti font img {
	position: relative;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
}
.Hbiaoti font img:hover {
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.fenyelinK a {
	border: 0px;
}
.Porjctlibr > img {
	height: auto;
}
.PorjctMainUp {
	padding-top: 5px;
}
.PorjctMainUp .listimg {
	padding-top: 5px;
}
.PorjctMainUp img {
	transition: all 0.2s linear 0s;
}
.PorjctMainUp img:hover {
	margin-top: -3px;
	margin-bottom: 3px;
}
.PorjctMainUp .listimg:hover {
	margin-top: -3px;
	margin-bottom: 18px;
}
.PorjctMainUpAA img {
	margin-bottom: 3px;
}
.PorjctMainUpAA img:hover {
	margin-top: 3px;
	margin-bottom: 0px;
}
.MainUpalttp {
	position: absolute;
	height: 25px;
	background: #fff;
	font-size: 13px;
	padding: 0px 10px;
	border-radius: 3px;
	line-height: 25px;
	box-shadow: 0px 0px 3px #ccc;
}
.DtiasNv a {
	color: #333;
}
.DtiasNv a:hover {
	color: #be0e29;
}
.DtiasNv a.curensQhs {
	color: #be0e29;
}
.DtiasNv a.curensQhs span {
	background: #be0e29;
}
.DtiasNvDUN a {
	margin: 0px 5px;
}
.serveAppBk5AA_ul {
	position: relative;
	width: 95%;
	margin: 0px auto;
	display: block;
	overflow: hidden;
	height: 500px;
}
.serveAppBk5AA_ul li {
	width: 100%;
	float: left;
	position: absolute;
}
.serveAppBk5AA_ul li a {
	display: block;
	position: relative;
	width: 20%;
	float: left;
	overflow: hidden;
}
.serveAppBk5AA_ul li .baxk {
	display: block;
	width: 100%;
}
.serveAppBk5AA_ul li .img {
	position: absolute;
	width: 100%;
	height: 100%;
}
.serveAppBk5AA_ul li a span {
	display: block;
	height: 55px;
	width: 100%;
	text-align: center;
	background: #b8182f;
	font-size: 24px;
	line-height: 55px;
	color: #fff;
	position: absolute;
	left: 0px;
	bottom: 0px;
	bottom: -55px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.AppBk5dianNUAAm {
	height: 113px;
	padding-top: 75px;
	text-align: center;
	clear: both;
}
.AppBk5dianNUAAm span {
	display: inline-block;
	width: 45px;
	height: 16px;
	margin: 0px 10px;
	background: #eababc;
	border-radius: 16px;
	cursor: pointer;
}
.AppBk5dianNUAAm span.cureunsxs {
	background: #be0e29;
}
.serveAppBk5AA_ul {
	min-width: 1100px;
}
.AboutpageCnav {
	width: 54px;
	position: absolute;
	left: -20px;
	height: 100%;
	background: #171617;
	z-index: 999;
}
.AboutpageCnav a {
	display: block;
	width: 100%;
	float: left;
	clear: both;
	height: 37px;
	line-height: 37px;
	color: #fff;
	font-size: 15px;
	text-align: center;
}
.AboutpageCnav a.curnanvsx {
	background: #050405;
}
.RegardspageRaas {
	width: 45%;
	margin-right: 10%;
	margin-top: 10%;
}
.serveAppBk6_List {
	position: relative;
}
.DtiasNv {
	position: relative;
}
.liaoJie_list ul li {
	position: relative;
}
.serveAppBk6_ul li {
	position: relative;
}
.ourpoint_Tilet img {
	position: relative;
}
.Sybannerli {
	background: #c61531;
}
.header, .headera, .headeraR, .Navli {
	height: 53px;
}
.Navli li {
	padding: 0px 0px;
}
.logoA {
	height: 48px;
	margin-top: 3px;
}
.bankScroll {
	position: relative;
	overflow: hidden;
}
.ScrollSCS_NR2 {
	position: absolute;
	width: 100%;
	height: 550px;
	margin-top: -239px;
	top: 50%;
}
.bankScroll .serveAppPaddiTp {
	padding-top: 0px;
}
.serveAppBk5 {
	margin: 0px auto;
}
.Dtiasul li {
	height: 375px;
}
.bankScroll .Dtiasul li {
	height: 347px;
}
.contactSy_NRl_tb td.td2 textarea {
	overflow: hidden;
}
.headerPosin {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 50;
}
.serveApp1Posin {
	height: 520px;
	margin-top: -230px;
	top: 50%;
}
.serveAppBk2_Picul li {
	height: 170px;
}
.serveAppBk2_Pic {
	padding-top: 30px;
}
.serveAppBk2_Picul li.Webli img {
	margin-bottom: 10px;
}
.serveAppBk2_Picul li.Webli {
	height: 163px;
	margin-bottom: 16px;
}
.WebServiceYS_Scroll {
	margin: 0px auto;
}
.serveAppBk5_ul_webs {
	margin: 0px auto;
}
.serveAppBk4_picms img.img2 {
	margin-bottom: 13px;
}
.serveAppBk4_picms img.img1 {
	margin-bottom: 4px;
}
.serveAppBk4_picms {
	height: 152px;
	top: -89px;
	margin-bottom: 15px;
}
.serveAppBk4_picList {
	height: 162px;
	margin: 112px auto;
}
.serveAppBk3_ul li {
	line-height: 21px;
	margin-bottom: 7px;
	font-size: 13px;
}
.serveAppBk3_ul li img {
	top: 0px;
}
.serveAppBk3_Title {
	margin-bottom: 13px;
}
.serveAppBk3_p {
	margin-bottom: 20px;
}
.serveAppBk4_Scrollapp .Title {
	position: relative;
}
.serveAppBk4_Scrollapp .serveAppBk4_p {
	position: relative;
}
.serveAppBk4_Scrollapp .serveAppBk2_btn {
	position: relative;
}
.serveAppBk4_Scrollapp .serveAppBk4_picList {
	position: relative;
}
.liaoJie_list ul li .ruad span {
	display: inline-block;
	position: relative;
	height: 68px;
	width: 220px;
	text-align: center;
	top: 77px;
	overflow: hidden;
}
.liaoJie_list ul li .ruad span b {
	display: inline-block;
	width: 55px;
	height: 68px;
	position: relative;
	overflow: hidden;
}
.liaoJie_list ul li .ruad span b img {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
}
.liaoJie_list ul li .ruad span b.yuan {
	width: 30px;
}
.liaoJie_list ul li .ruad span b img.imgsa {
	margin-top: 680px;
}
.bankScroll .CentMain .Dtiasul {
	position: relative;
	margin: 0px auto;
}
.liaoJie_tilte {
	margin-top: 60px;
	margin-bottom: 20px;
}
.backImgsClassA, .backImgsClassB, .backImgsClassC, .backImgsClassD {
	display: none;
}
.web_bankScroll2 {
	padding-top: 30px;
}
.serveAppBk3_Title {
	background: none;
	margin-bottom: 7px;
}
.serveAppBk3_Title .mask {
	display: none;
}
.SybannerL {
	height: 25%;
	position: absolute;
	top: 31.5%;
	left: 4.4%;
	z-index: 50;
	cursor: pointer;
	margin-top: 53px;
}
.SybannerR {
	height: 25%;
	position: absolute;
	top: 31.5%;
	right: 4.4%;
	z-index: 50;
	cursor: pointer;
	margin-top: 53px;
}
.Sybanner p {
	display: none;
}
.serveAppBk6_ul li {
	color: #fff;
}
.serveAppBk6_ul li a {
	color: #fff;
}
.serveAppBk6_ul li {
	width: 184px;
	margin-right: 72px;
}
.serveApliPic {
	width: 159px;
	height: 159px;
	border-radius: 159px;
	position: relative;
	margin: 0px auto;
	margin-bottom: 15px;
}
.serveApliPic b {
	display: block;
	width: 169px;
	height: 169px;
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 10;
	background-image: url(../images/pic516_124_01.png);
	background-repeat: no-repeat;
	transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.serveApliPic span {
	display: block;
	width: 169px;
	height: 169px;
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 5;
	background-image: url(../images/pic516_124_01a.png);
	background-repeat: no-repeat;
	transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}
.serveApliPic p {
	width: 169px;
	height: 169px;
	margin: 0px;
	padding: 0px;
	border-radius: 169px;
	left: -5px;
	top: -5px;
	position: absolute;
	z-index: 3;
	transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	filter: blur(10px);
	-ms-filter: blur(10px);
	-moz-filter: blur(10px);
	-webkit-filter: blur(10px);
	-o-filter: blur(10px);
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}
.li1 .serveApliPic {
	border: 5px solid #e10000;
}
.li2 .serveApliPic {
	border: 5px solid #00a2ff;
}
.li3 .serveApliPic {
	border: 5px solid #8ad902;
}
.li4 .serveApliPic {
	border: 5px solid #ffa800;
}
.serveAppBk6_ul li.li4 {
	margin-right: 0px;
}
.serveAppBk6_ul {
	width: 955px;
}
.serveAppBk6_List {
	width: 955px;
}
.li1 .serveApliPic b, .li1 .serveApliPic span {
	background-position: 2px 0px;
}
.li2 .serveApliPic b, .li2 .serveApliPic span {
	background-position: -293px 0px;
}
.li3 .serveApliPic b, .li3 .serveApliPic span {
	background-position: -589px 0px;
}
.li4 .serveApliPic b, .li4 .serveApliPic span {
	background-position: -882px 0px;
}
.li1 .serveApliPic p {
	background: #e10000;
}
.li2 .serveApliPic p {
	background: #00a2ff;
}
.li3 .serveApliPic p {
	background: #8ad902;
}
.li4 .serveApliPic p {
	background: #ffa800;
}
.serveAppBk6_ul li .serveApliPic:hover p {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	filter: blur(0px);
	-ms-filter: blur(0px);
	-moz-filter: blur(0px);
	-webkit-filter: blur(0px);
	-o-filter: blur(0px);
}
.serveAppBk6_ul li .serveApliPic:hover b {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}
.serveAppBk6_ul li .serveApliPic:hover span {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
.header {
	position: fixed;
	width: 100%;
}
.backImgsClassA, .backImgsClassB, .backImgsClassC, .backImgsClassD {
	position: absolute;
	width: 100%;
	height: 120%;
	display: block;
}
.AppBk5dianNUm {
	display: none;
}
.serveAppBk5_ul {
	height: auto;
}
.ScrollSCS_NR3_PC {
	position: relative;
	top: 56px;
}
.serveAppBk5_ul li a .bimg {
	position: absolute;
	width: 30%;
	right: 0px;
	bottom: 0px;
	z-index: 20;
}
/********2015-5-28*******/
.serveAppBk5_ul li a span {
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.serveAppBk5_ul li a:hover span {
	bottom: 0px;
}
.serveAppBk5_ul li a .img {
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
.serveAppBk5_ul li a:hover .img {
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.bannerItm {
	margin-left: 0px;
}
.bankScroll .CentMain .Dtiasul {
	width: 1200px;
	max-width: 100%;
}
.CentMain {
	padding-top: 100px;
}
.danyebody .serveAppBk5 {
	min-height: 400px;
	overflow: hidden;
*overflow:visible;
	padding-bottom: 30px;
}
.ProcessDivA {
	background: #fff;
}
.serveAppBk6 .ScrollSCS_NR2 {
	margin-top: -239px;
}
.CentMain .serveAppBk2_btn {
	margin-bottom: -10px;
}
#BDBridgeWrap {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}
.serveApp1_appsHbox1 {
	background: url(../images/index_51.png) repeat;
}
.backImgYbottom {
	position: absolute;
	left: 50%;
	width: 1034px;
	margin-left: -517px;
	bottom: 0px;
}
.serveApp1_appsHbox1 .serveApp1H_appsH {
	font-size: 22px;
	color: #fff;
	line-height: 35px;
}
.serveApp1_appsHbox1 .serveApp1H_appsH img {
	left: 0px;
}
.serveApp1_appsHbox1 .serveAppBk2_btn {
	margin-bottom: 10px;
	top: 10px;
}
.serveAppBknew2s_CON {
	width: 1150px;
	height: 550px;
	position: relative;
	left: 50%;
	margin-left: -575px;
	top: 50%;
	margin-top: -250px;
}
.serveAppBknew2s_L {
	width: 35%;
	float: left;
	padding-top: 120px;
}
.serveAppBknew2s_R {
	width: 60%;
	float: right;
	text-align: center;
}
.serveAppBknew2s_R img {
	width: 90%;
}
.serveAppBknew2s_La {
	font-size: 13px;
	color: #be0e29;
}
.serveAppBknew2s_CON .serveAppBk3_linkbtn {
	position: static;
	margin: 0px;
	margin-top: 10px;
}
.serveApp1H, .serveAppBk4_p, .serveAppBk3_p {
	font-size: 14px;
}
.advantageA {
	height: 179px;
	clear: both;
	position: relative;
	z-index: 10;
}
.advantageA .advantage1 {
	height: 126px;
	padding-top: 53px;
	background: #99cc00;
	width: 100%;
}
.WebServiceYS_ul li .advantage1 {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	overflow: hidden;
}
.WebServiceYS_ul li .pICS {
	position: absolute;
	width: 100%;
	height: 140px;
	left: 0px;
	top: 50%;
	margin-top: -70px;
	font-size: 35px;
	line-height: 35px;
	color: #fff;
	text-align: center;
}
.WebServiceYS_ul li .pICS img {
	width: 120px;
	margin-bottom: -5px;
}
.Dtiasul li>a img {
	background: url(../images/logosdsd.png) center center no-repeat;
}
.mouseshiyi {
	width: 228px;
	height: 110px;
	position: fixed;
	left: 50%;
	margin-left: -114px;
	bottom: 10px;
	z-index: 1000;
}
.mouseshiyi .img1 {
	width: 190px;
	height: 70px;
	position: absolute;
	left: 19px;
	top: 0px;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}
.mouseshiyi .img2 {
	width: 190px;
	height: 70px;
	position: absolute;
	left: 19px;
	top: 0px;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.mouseshiyi .img3 {
	width: 228px;
	height: 34px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.opamouseshiyi .img1 {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
.opamouseshiyi .img2 {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}
 @media only all and (min-width:1000px) {
.ScrollSCS_NR4 {
	height: 500px;
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -200px;
}
.ScrollSCS_NR4 .liaoJie_tilte {
	margin-top: -80px;
}
.bankScroll .CentMain {
	width: 100%;
	position: absolute;
	padding-top: 0px;
	height: 500px;
	top: 50%;
	margin-top: -240px;
	overflow: visible;
}
.bankScroll .CentMain .Dtiasul li {
	width: 23.32%;
	margin-left: 0.83%;
	margin-right: 0.83%;
}
.contactSy_NRl_tb td {
	padding: 5px 0px;
}
.bankScroll .contactSy_tilte {
	padding-top: 0px;
}
.bankScroll .contactSy_NRrTB td {
	padding: 8px 0px;
}
.contactSy_NRrWX {
	top: 92px;
}
.ScrollSCS_NR5 {
	height: 500px;
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -224px;
}
.bottoms_over {
	width: 100%;
	bottom: 0px;
	overflow: hidden;
	z-index: 500;
}
.bottoms_overBox {
	height: 0px;
	position: fixed;
}
.websolution {
	top: 0px;
	margin-bottom: 30px;
}
.web_bankScroll2 {
	position: absolute;
	width: 100%;
	height: 530px;
	left: 0px;
	top: 50%;
	margin-top: -230px;
}
.app_bankScroll2 {
	position: absolute;
	width: 100%;
	height: 565px;
	left: 0px;
	top: 50%;
	margin-top: -268px;
}
.serveAppBk4_Scrollapp {
	position: absolute;
	width: 100%;
	height: 550px;
	left: 0px;
	top: 50%;
	margin-top: -245px;
}
.serveAppBk3_Scrollgd {
	position: absolute;
	width: 100%;
	height: 567px;
	left: 0px;
	top: 50%;
	margin-top: -270px;
}
.serveApp1Posin .serveApp1H {
	padding-top: 0px;
}
.serveApp1H_appsH img {
	position: relative;
	left: -105px;
}
.serveApp1nav {
	position: absolute;
	margin-left: 655px;
	margin-top: -155px;
}
.phoneBox .phoneLinkbtn {
	top: 344px;
}
.phonePicBntx {
	bottom: 50%;
	margin-bottom: -355px;
}
.serveApp1nav img {
	width: 34px;
	margin: 0px 5px;
}
/*	.backImgsClassA,.backImgsClassB,.backImgsClassC,.backImgsClassD{position:absolute; width:100%; height:200%;opacity:0.05; filter:alpha(opacity=5); -moz-opacity:0.05;  -khtml-opacity: 0.05; display:block;}
.backImgsClassA{opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9;  -khtml-opacity: 0.9;}
	.backImgsClassC{opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6;  -khtml-opacity: 0.6;}*/
.serveAppBk3_Title .mask {
	opacity: 0.1;
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	-khtml-opacity: 0.1;
}
.WebServiceYS_Scroll {
	position: relative;
}
.WebprocessLc_sScroll {
	width: 100%;
	position: absolute;
	height: 533px;
	left: 0px;
	top: 50%;
	margin-top: -230px;
}
.liaoJie_tilte {
	margin-top: 0;
	margin-bottom: 100px;
}
.web_bankScroll2 {
	padding-top: 0px;
}
.ScrollSCS_NR3_PC {
	top: 0px;
	margin-bottom: 20px;
}
}



/********屏幕******/
@media only all and (min-resolution:144dpi) {
html {
	font-size: 20px;
}
.DtiasNv {
	height: 3rem;
	background: #fff;
	clear: both;
	line-height: 3rem;
	font-size: 1.1rem;
	text-align: center;
}
.DtiasNv a {
	font-size: 1.1rem;
	margin: 0px 1.56rem;
}
.DtiasNv a span {
	font-size: 0.75rem;
	height: 1rem;
	line-height: 1rem;
	padding: 0px 0.6rem;
	border-radius: 1rem;
	top: 0.12rem;
	margin-left: 0.312rem;
}
.DtiasNvmbs {
	height: 2.18rem;
	line-height: 2.18rem;
	font-size: 0.75rem;
}
.LIBtom h2 {
	height: 2.18rem;
	line-height: 2.18rem;
	padding-top: 0.9rempx;
	font-size: 0.95rem;
}
.LIBtom .xinx {
	height: 1.875rem;
	line-height: 1.875rem;
	font-size: 0.81rem;
}
.LIBtom .xinx img {
	width: 1.25rem;
	height: 1.25rem;
	margin-bottom: 0.31rem;
	margin-right: 0.31rem;
}
.LIBtom p {
	font-size: 0.81rem;
	line-height: 1.56rem;
	margin-bottom: 0.625rem;
}
.LIBtom .Mores {
	font-size: 0.75rem;
	padding: 0px 0.93rem;
	border-radius: 1.625rem;
	height: 1.625rem;
	line-height: 1.625rem;
}
.fenyelinK {
	height: 2.125rem;
	padding: 2.8rem 0px;
}
.fenyelinK a {
	height: 2.125rem;
	width: 2.187rem;
	margin-right: 0.18rem;
	line-height: 2.125rem;
	font-size: 0.8125rem;
}
.bottomsXaL {
	font-size: 0.87rem;
}
}
 @media only all and (min-resolution:300dpi) {
html {
	font-size: 30px;
}
}
 @media only all and (max-width:1600px) {
.backImgYbottom {
	position: absolute;
	left: 50%;
	width: 850px;
	margin-left: -425px;
	bottom: 0px;
}
}
 @media only all and (min-width:1000px) {
.WebServiceYS_Scroll {
	background: #eee;
}
.advantage1 {
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.advantageA .advantage1 {
	-moz-transform-origin: center top;
	-ms-transform-origin: center top;
	-o-transform-origin: center top;
	-webkit-transform-origin: center top;
	transform-origin: center top;
}
.WebServiceYS_ul li:nth-child(2) .advantage1, .WebServiceYS_ul li:nth-child(4) .advantage1, .WebServiceYS_ul li:nth-child(6) .advantage1 {
	-moz-transform-origin: center top;
	-ms-transform-origin: center top;
	-o-transform-origin: center top;
	-webkit-transform-origin: center top;
	transform-origin: center top;
}
.WebServiceYS_ul li:nth-child(1) .advantage1 {
	-moz-transform-origin: center right;
	-ms-transform-origin: center right;
	-o-transform-origin: center right;
	-webkit-transform-origin: center right;
	transform-origin: center right;
}
.WebServiceYS_ul li:nth-child(3) .advantage1 {
	-moz-transform-origin: center left;
	-ms-transform-origin: center left;
	-o-transform-origin: center left;
	-webkit-transform-origin: center left;
	transform-origin: center left;
}
.WebServiceYS_ul li:nth-child(5) .advantage1 {
	-moz-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	-o-transform-origin: center center;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
}
.WebServiceYS_ul li, .advantageA {
	-moz-perspective: 1200px;
	-ms-perspective: 1200px;
	-o-perspective: 1200px;
	-webkit-perspective: 1200px;
	perspective: 1200px;
}
.advantageA .advantage1 {
	-moz-transform: rotateX(-95deg);
	-ms-transform: rotateX(-95deg);
	-o-transform: rotateX(-95deg);
	-webkit-transform: rotateX(-95deg);
	transform: rotateX(-95deg);
	-moz-transition: all 0.8s ease-out 1.3s;
	-ms-transition: all 0.8s ease-out 0.6s;
	-o-transition: all 0.8s ease-out 0.6s;
	-webkit-transition: all 0.8s ease-out 0.6s;
	transition: all 0.8s ease-out 0.6s;
}
.WebServiceYS_ul li:nth-child(1) .advantage1 {
	-moz-transform: rotateY(-105deg);
	-ms-transform: rotateY(-105deg);
	-o-transform: rotateY(-105deg);
	-webkit-transform: rotateY(-105deg);
	transform: rotateY(-105deg);
	-moz-transition: all 0.8s ease-out 0.95s;
	-ms-transition: all 0.8s ease-out 0.95s;
	-o-transition: all 0.8s ease-out 0.95s;
	-webkit-transition: all 0.8s ease-out 0.95s;
	transition: all 0.8s ease-out 0.95s;
}
.WebServiceYS_ul li:nth-child(2) .advantage1 {
	-moz-transform: rotateX(-100deg);
	-ms-transform: rotateX(-100deg);
	-o-transform: rotateX(-100deg);
	-webkit-transform: rotateX(-00deg);
	transform: rotateX(-100deg);
	-moz-transition: all 0.8s ease-out 0.93s;
	-ms-transition: all 0.8s ease-out 0.93s;
	-o-transition: all 0.8s ease-out 0.93s;
	-webkit-transition: all 0.8s ease-out 0.93s;
	transition: all 0.8s ease-out 0.93s;
}
.WebServiceYS_ul li:nth-child(3) .advantage1 {
	-moz-transform: rotateY(105deg);
	-ms-transform: rotateY(105deg);
	-o-transform: rotateY(105deg);
	-webkit-transform: rotateY(105deg);
	transform: rotateY(105deg);
	-moz-transition: all 0.8s ease-out 0.97s;
	-ms-transition: all 0.8s ease-out 0.97s;
	-o-transition: all 0.8s ease-out 0.97s;
	-webkit-transition: all 0.8s ease-out 0.97s;
	transition: all 0.8s ease-out 0.97s;
}
.WebServiceYS_ul li:nth-child(4) .advantage1 {
	-moz-transform: rotateX(-100deg);
	-ms-transform: rotateX(-100deg);
	-o-transform: rotateX(-100deg);
	-webkit-transform: rotateX(-100deg);
	transform: rotateX(-100deg);
	-moz-transition: all 0.8s ease-out 0.99s;
	-ms-transition: all 0.8s ease-out 0.99s;
	-o-transition: all 0.8s ease-out 0.99s;
	-webkit-transition: all 0.8s ease-out 0.99s;
	transition: all 0.8s ease-out 0.99s;
}
.WebServiceYS_ul li:nth-child(5) .advantage1 {
	-moz-transform: rotateX(100deg);
	-ms-transform: rotateX(100deg);
	-o-transform: rotateX(100deg);
	-webkit-transform: rotateX(100deg);
	transform: rotateX(100deg);
	-moz-transition: all 0.8s ease-out 1s;
	-ms-transition: all 0.8s ease-out 1s;
	-o-transition: all 0.8s ease-out 1s;
	-webkit-transition: all 0.8s ease-out 1s;
	transition: all 0.8s ease-out 1s;
}
.WebServiceYS_ul li:nth-child(6) .advantage1 {
	-moz-transform: rotateX(-100deg);
	-ms-transform: rotateX(-100deg);
	-o-transform: rotateX(-100deg);
	-webkit-transform: rotateX(-100deg);
	transform: rotateX(-100deg);
	-moz-transition: all 0.8s ease-out 1.1s;
	-ms-transition: all 0.8s ease-out 1.1s;
	-o-transition: all 0.8s ease-out 1.1s;
	-webkit-transition: all 0.8s ease-out 1.1s;
	transition: all 0.8s ease-out 1.1s;
}
.srollBOxcurenT .WebServiceYS_ul li .advantage1, .srollBOxcurenT .advantageA .advantage1 {
	-moz-transform: rotateX(0deg) rotateY(0deg);
	-ms-transform: rotateX(0deg) rotateY(0deg);
	-o-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	transform: rotateX(0deg) rotateY(0deg);
}
.WebServiceYS_ul li .Gkb {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}
}



/************1400******************/
@media only all and (max-width:1400px) {
.WebServiceYS_ul li .mask {
	font-size: 9px;
}
.serveAppBk5AA_ul li a {
	display: block;
	position: relative;
	width: 25%;
	float: left;
}
.serveAppBk5AA_ul li a span {
	font-size: 22px;
	height: 50px;
	line-height: 50px;
}
.serveAppBk5AA_ul {
	min-width: 300px;
}
}
/************1400******************/


@media only all and (max-width:1250px) {
.Navli li a {
	padding: 0px 23px;
}
}




/*****现代浏览器*****/
@media only all and (max-width:1200px) {
body {
	min-width: 400px;
}
.headera {
	height: 103px;
	width: auto;
	min-width: 300px;
}
.CentMain {
	width: 95%;
	margin: 0px auto;
	min-height: 200px;
	_height: 200px;
	overflow: hidden;
	padding: 2.5% 0px;
}
.Dtiasul {
	width: 100%;
}
.Dtiasul li {
	width: 30%;
	height: 23.5rem;
	margin-right: 5%;
	margin-bottom: 1.8rem;
}
.bankScroll .Dtiasul li {
	height: 21.5rem;
}
.Dtiasul li:nth-child(3n+3) {
	margin-right: 0px;
}
.fenyelinK a:first-of-type {
	border-radius: 0.3rem 0px 0px 0.3rem;
}
.fenyelinK a:last-child {
	border-radius: 0px 0.3rem 0.3rem 0px;
}
.bottomsSa {
	padding: 0px 1rem;
}
/*.DongtNRxqy{width:100%; display:-moz-box; display:-webkit-box; display:-ms-flexbox;display:box;}*/
.DongtNRxqy {
	width: 100%;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
}
.DongtNRxqyL {
	-moz-box-flex: 2;
	-webkit-box-flex: 2;
	-ms-box-flex: 2;
	box-flex: 2;
	margin-right: 20px;
}
.DongtNRxqyR {
	-moz-box-flex: 0;
	-webkit-box-flex: 0;
	-webkit-ms-flex: 0;
	box-flex: 0;
}
.serveApp1 {
	width: 100%;
}
/*.serveApp{height:930px;}*/
.ImgtopMterl {
	top: -90px;
}
/*.serveAppBk5_ul li a{width:33.33%;}*/

.WebServiceYS_ul li .mask {
	font-size: 7px;
}
.liaoJie_list {
	width: 100%;
}
.liaoJie_list ul {
	width: 100%;
}
.liaoJie_list ul li {
	margin: 0px;
}
.liaoJie_list ul li:nth-child(1) {
	float: left;
}
.liaoJie_list ul li:nth-child(2) {
	position: absolute;
	left: 37%;
	margin-left: -111px;
}
.liaoJie_list ul li:nth-child(3) {
	position: absolute;
	left: 63%;
	margin-left: -111px;
}
.liaoJie_list ul li:nth-child(4) {
	position: absolute;
	right: 0;
}
.Aboutpage {
	min-width: 300px;
	width: 100%;
}
.branddspage p {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 24.8%;
}
.liaoJie_list ul li:nth-child(4n+1) {
	clear: both;
}
.Sybannerli .img {
	left: -29%;
	margin-left: 0px;
}
.bannerItm {
	width: 100%;
	position: absolute;
	height: 100%;
	left: 0;
	margin-left: 0;
}
.Sybanner p {
	width: 100%;
	left: 0px;
	margin-left: 0px;
}
.backImgYbottom {
	width: 80%;
	left: 10%;
	margin-left: 0px;
}
}
/*****现代浏览器*****/


/******2015-6-3*******/
@media only all and (max-width:1200px) {
.WebprocessPic {
	width: 1000px;
}
.WebprocessPic_ul li {
	margin-right: 37px;
}
.serveAppBknew2s_CON {
	width: 90%;
	left: 5%;
	margin-left: 0px;
}
}
/******2015-6-3-----*******/




/************1100******************/
@media only all and (max-width:1100px) {
.Dtiasul {
	width: 100%;
}
.Dtiasul li {
	width: 48%;
	height: 27rem;
	margin-right: 4%;
}
.bankScroll .Dtiasul li {
	height: 27rem;
}
.Dtiasul li:nth-child(3n+3) {
	margin-right: 4%;
}
.Dtiasul li:nth-child(2n+2) {
	margin-right: 0px;
}
.bottomsXaL {
	font-size: 14px;
	line-height: 12px;
	float: none;
	clear: both;
	padding: 0px;
	width: auto;
}
.bottomsXaR {
	float: none;
	text-align: center;
	padding-top: 1rem;
}
.Hbiaoti span {
	display: block;
	clear: left;
	margin-bottom: 10px;
}
.Hbiaoti a span {
	display: inline;
}
/*.serveApp{height:920px;}*/
.ImgtopMterl {
	top: -80px;
}
.WebServiceYS_ul li {
	width: 50%;
}
.WebServiceYS_ul li .mask {
	font-size: 10px;
}
.Navli li a {
	padding: 0px 20px;
}
.logoA {
	margin-left: 30px;
}
}
/************1100******************/
	

/************1000******************/
@media only all and (max-width:1000px) {
.serveAppBk3_Cont {
	width: 100%;
	overflow: hidden;
}
.serveAppBk3_Cont1 {
	width: 80%;
	clear: both;
	float: left;
	margin-left: 10%;
}
.WebServiceYS_ul li .mask {
	font-size: 9px;
}
.WebServiceYS {
	padding-top: 0px;
}
.serveAppBk4 {
	width: 100%;
	height: auto;
}
.serveAppBk4_picList {
	width: 400px;
	height: auto;
	margin: 150px auto;
	border: 0px;
	border-left: 0px;
	border-radius: 0px;
	position: relative;
}
.borderRDss {
	width: 347px;
	height: 162px;
	right: 0px;
	border: 4px solid #d04d61;
	clear: both;
	display: block;
	position: absolute;
}
.borderRDss:nth-child(2n+1) {
	border-left: 0px;
	border-radius: 0px 30px 30px 0px;
}
.borderRDss:nth-child(2n+2) {
	border-right: 0px;
	border-radius: 30px 0px 0px 30px;
	left: 0px;
}
.borderRDss:nth-child(1) {
	top: 0px;
}
.borderRDss:nth-child(2) {
	top: 166px;
}
.borderRDss:nth-child(3) {
	top: 332px;
}
.borderRDss:nth-child(4) {
	top: 498px;
}
.serveAppBk4_picListWid {
	width: 600px;
	position: relative;
	z-index: 10;
}
.serveAppBk4_picms {
	width: 118px;
	height: 180px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
	float: left;
	top: -102px;
	position: relative;
	margin-left: -20px;
	left: -27px;
	margin-right: 101px;
	margin-bottom: -13px;
}
.serveAppBk4_picms.picms {
	left: 0px;
}
.serveAppBk4_picms img {
	display: block;
	margin: 0px auto;
}
.serveAppBk4_picms img.img1 {
	width: 91px;
	height: 69px;
	margin-bottom: 17px;
}
.serveAppBk4_picms img.img2 {
	width: 26px;
	height: 26px;
	margin-bottom: 21px;
}
.serveAppBk4_picms {
	margin-left: 0px;
	left: 0px;
	margin-right: 167px;
}
.serveAppBk4_picms:nth-child(4n+1) {
	float: left;
	clear: right;
}
.serveAppBk4_picms:nth-child(4n+2) {
	float: left;
	clear: right;
}
.serveAppBk4_picms:nth-child(4n+3) {
	float: right;
	clear: left;
	margin-right: 198px;
	margin-left: 0px;
}
.serveAppBk4_picms:nth-child(4n+4) {
	float: right;
	clear: left;
	margin-right: 165px;
}
.Dtiasul li {
	height: 27rem;
}
.liaoJie_tilte {
	top: 50px;
	margin-bottom: 75px;
}
.liaoJie_back {
	width: 1110px;
	left: 50%;
	margin-left: -555px;
}
.liaoJie_list {
	width: 100%;
	padding-top: 30px;
}
.liaoJie_list ul li {
	margin: 0px;
	margin: 0px 20px;
	float: none;
	width: auto;
	height: 100px;
	overflow: hidden;
	clear: both;
	margin-bottom: 20px;
	background: url(../images/redOpact0.5.png) repeat;
	border-radius: 5px;
}
.liaoJie_list ul li:hover {
	background: #be0e29;
}
.liaoJie_list ul li:nth-child(1) {
	float: none;
	clear: both;
}
.liaoJie_list ul li:nth-child(2) {
	position: relative;
	margin: 0px 20px;
	margin-bottom: 20px;
	clear: both;
	left: 0px;
}
.liaoJie_list ul li:nth-child(3) {
	position: relative;
	margin: 0px 20px;
	margin-bottom: 20px;
	clear: both;
	left: 0px;
}
.liaoJie_list ul li:nth-child(4) {
	position: relative;
	right: 0;
	clear: both;
	left: 0px;
}
.liaoJie_list ul li .ruad {
	width: 216px;
	height: 100px;
	border-radius: 0px;
	background: none;
	float: left;
}
.liaoJie_list ul li .ruad img {
	top: 25px;
}
.liaoJie_list ul li .ruad span {
	top: 16px;
}
.liaoJie_list ul li p {
	text-align: left;
	padding: 10px 10px;
	line-height: 30px;
}
.contactSy_NR {
	width: 100%;
}
.contactSy_NRr {
	width: 48%;
}
.contactSy_NRl {
	width: 48%;
}
.risenbMap {
	position: absolute;
	left: auto;
	margin-left: 0px;
	right: 0px;
	top: 0px;
	z-index: 5;
}
.ContactpageL {
	margin-left: 7%;
	margin-top: 10%;
}
.ContactpageR {
	margin-top: 26%;
}
.RegardspageL {
	margin-top: 7%;
}
.Sybanner p {
	bottom: 10%;
}
.serveAppBk5AA_ul li a {
	display: block;
	position: relative;
	width: 33.3%;
	float: left;
}
.serveAppBk5AA_ul li a span {
	font-size: 20px;
	height: 40px;
	line-height: 40px;
}
.AboutpageCnav {
	width: 35px;
}
.AboutpageCnav a {
	font-size: 12px;
}
.Navli {
	display: none;
}
.NavMore {
	display: block;
	margin-right: 1rem;
}
.serveAppBk5_ul {
	margin: 0px 5%;
	width: auto;
}
.ScrollSCS_NR3_PC {
	top: 0px;
	margin-bottom: 20px;
}
.DtiasNv {
	height: auto;
}
.backImgsClassA, .backImgsClassB, .backImgsClassC, .backImgsClassD {
	width: auto;
	min-width: 100%;
}
.WebprocessPic {
	width: 800px;
}
.WebprocessPic_ul li {
	margin-right: 28px;
}
.serveAppBk6 {
	height: 510px;
}
.serveAppBk6 .ScrollSCS_NR2 {
	margin-top: -260px;
}
.Navli li.Navlilis {
	display: none;
}
.backImgYbottom {
	width: 80%;
	left: 10%;
	margin-left: 0px;
	position: relative;
}
.serveAppBknew2s_CON {
	width: 90%;
	position: relative;
	left: 5%;
	top: 0px;
	margin: 0px;
	height: auto;
}
.serveAppBknew2s_R img {
	margin-top: 100px;
}
}
/************1000******************/



@media only all and (max-width:955px) {
.serveAppBk6_List {
	width: 100%;
}
.serveAppBk6_ul {
	width: 100%;
}
.serveAppBk6_ul li {
	width: 20.26%;
	margin-right: 6.2%;
}
.serveAppBk6_ul li h2 {
	min-width: 180px;
	white-space: nowrap;
}
.bankScroll .Dtiasul li {
	height: 26rem;
}
}


/************800******************/
@media only all and (max-width:850px) {
body {
	min-width: 300px;
}
.headera {
	height: 103px;
	width: auto;
	min-width: 300px;
	z-index: 1100;
}
.header {
	z-index: 1100;
}
.logoA {
	float: left;
	margin-top: 0px;
	margin-left: 1rem;
}
.NavMore {
	display: block;
	margin-right: 1rem;
}
.Navli {
	position: absolute;
	right: 0px;
	top: 53px;
	display: none;
	z-index: 500;
}
.Navli li {
	height: 50px;
	padding: 0px;
	clear: both;
	background: #232323;
	width: 112px;
}
.Navli li a {
	display: block;
	font-size: 1.1rem;
	padding: 0px;
	text-align: center;
}
.Navli li a:hover {
	color: #fff;
}
.Navli li.curentsa {
	background: #010101;
}
.Navli li.curentsa a {
	background: #770e12;
}
.Dtiasul li {
	height: 26rem;
}
.Navlistata {
	display: none;
	float: left;
	height: 50px;
	line-height: 50px;
	font-size: 1.1rem;
	margin: 21px 0px;
	padding: 0px 0.2rem;
	margin-right: 0.5rem;
	color: #bfbdbd;
}
.visibles {
	display: block;
}
.bottomsS {
	height: 18rem;
}
.bottomsSa {
	height: 18rem;
}
.bottomsSaL {
	padding-top: 1rempx;
	float: none;
}
.bottomsSaL li {
	float: none;
	clear: both;
	width: auto;
	margin-bottom: 0.6rem;
}
.bottomsSaL li a {
	height: 2rem;
	line-height: 2rem;
	font-size: 1.1rem;
	float: left;
	width: 5.5rem;
}
.bottomsSaR {
	float: none;
	padding-top: 1rem;
	clear: both;
}
.bottomsSaR li {
	height: 2.5rem;
	line-height: 2.5rem;
	margin-bottom: 0.6rem;
	text-align: right;
	width: 15rem;
}
.bottomsSaR li img {
	margin-right: 20px;
	margin-bottom: -5px;
}
.LIBtom .xinx span {
	display: block;
}
.RegardspageR {
	top: 13.2%;
}
.DongtNRxqy {
	display: block;
}
.DongtNRxqyL {
	display: block;
	padding: 20px;
	width: auto;
	float: none;
	margin-right: 0px;
}
.DongtNRxqyR {
	display: block;
	width: 100%;
}
.DongtNRxqyRul1, .DongtNRxqyRul2 {
	display: none;
}
/*.serveApp{height:900px;}*/
.ImgtopMterl {
	top: -60px;
}
.MterbottomMtl2img {
	height: 150px;
	background: url(../images/index_43a.png) repeat-x;
}
.serveAppBk2 {
	height: 905px;
}
.serveAppBk2_Pic {
	width: 100%;
	height: 646px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
}
.serveAppBk2_Picul {
	width: 105%;
}
.serveAppBk2_Picul li {
	margin-left: 30px;
	margin-right: 9px;
}
.serveAppBk2_Picul li.Webli {
	margin-left: 30px;
	margin-right: 85px;
}
.serveAppBk2_Picul li {
	width: 100px;
	margin-right: 10px;
	margin-left: 10px;
}
.serveAppBk2_Picul li .back {
	width: 100px;
	height: 100px;
}
.serveAppBk2_Picul li.Webli {
	margin-left: 14px;
	margin-right: 2px;
}
.serveAppBk5_ul li a {
	width: 50%;
}
.MterbottomMtl2imgAAA {
	background: url(../images/index_49.png) left top repeat-x;
	height: 125px;
}
.WEBbannerA {
	display: none;
}
.WEBbannerB {
	display: block;
}
.WebServiceYS_ul li .mask {
	font-size: 8px;
}
.contactSy_NRrWX {
	display: none;
}
.serveAppBk6 {
	height: 650px;
}
.teampageCli {
	overflow-y: scroll;
	overflow-x: hidden;
}
.teampageCli p {
	width: 50%;
}
.branddspage p {
	width: 33%;
}
.branddspage {
	overflow-y: scroll;
	overflow-x: hidden;
}
.branddspage p.mod4 {
	margin-right: 1px;
	border-right: 1px solid #e6e6e6;
}
.branddspage p.mod3 {
	margin-right: 0px;
	border-right: 0px;
}
.ContactTXtscor {
	overflow-x: hidden;
	overflow-y: visible;
}
.serveAppBk5AA_ul li a span {
	font-size: 18px;
	height: 35px;
	line-height: 35px;
}
.serveAppBk6_ul li {
	margin-right: 0px;
	width: 49%;
	height: 220px;
	margin-right: 2%;
}
.serveAppBk6_ul li.li2 {
	margin-right: 0px;
}
.serveAppBk6_ul li.li4 {
	margin-right: 0px;
}
.serveApliPic {
	float: left;
}
.ScrollSCS_NR2 {
	margin-top: -316px;
}
.WebprocessPic {
	height: 693px;
	width: 100%;
}
.WebprocessPic_ul {
	width: 100%;
}
.WebprocessPic_ul li:nth-child(2n+1) {
	float: left;
	margin-right: 0px;
	clear: left;
}
.WebprocessPic_ul li:nth-child(2n+2) {
	float: right;
	margin-right: 0px;
}
.serveAppBk6 {
	height: 566px;
}
.serveAppBk6 .ScrollSCS_NR2 {
	margin-top: -287px;
}
.backImgYbottom {
	width: 94%;
	left: 3%;
	margin-left: 0px;
	position: relative;
}
.serveAppBknew2s_CON {
	width: 90%;
	position: relative;
	left: 5%;
	top: 0px;
	margin: 0px;
	height: auto;
}
.serveAppBknew2s_R img {
	margin-top: 0px;
}
.serveAppBknew2s_L {
	float: none;
	clear: both;
	padding-top: 50px;
	width: 100%;
	text-align: center;
}
.serveAppBknew2s_La {
	text-align: center;
}
.serveAppBknew2s_R {
	float: none;
	width: 100%;
}
.serveAppBknew2s_CON .serveAppBk3_linkbtn {
	margin: 0px auto;
}
}
/************800******************/

/************700******************/
@media only all and (max-width:700px) {
.PorjctMainMId {
	width: 95%;
}
.Porjctlibr .p {
	height: 110px;
	font-size: 18px;
	line-height: 25px;
	padding-top: 15px;
}
.Porjctlibr .hui {
	height: 80px;
}
.backImgY1 {
	width: 100%;
	right: 0;
	top: 50%;
}
.backImgY2 {
	width: 90%;
	right: 5%;
	top: 60%;
}
.backImgY3 {
	width: 85%;
	right: 7%;
	top: 40%;
}
.backImgY4 {
	width: 80%;
	right: 10%;
	top: 30%;
}
.WebServiceYS_ul li .mask {
	font-size: 6.5px;
}
.Sybanner p {
	bottom: 13%;
}
.Sybanner p span {
	height: 7px;
	border-radius: 7px;
}
.serveApliPic {
	-moz-transform: scale(0.8) translate(-20px, -10px);
	-ms-transform: scale(0.8) translate(-20px, -10px);
	-o-transform: scale(0.8) translate(-20px, -10px);
	-webkit-transform: scale(0.8) translate(-20px, -10px);
	transform: scale(0.8) translate(-20px, -10px);
	margin-right: -60px;
}
.CentMain {
	padding-top: 100px;
}
.bankScroll .Dtiasul li {
	height: 25rem;
}
}
/************700******************/



/************600******************/
@media only all and (max-width:600px) {
.bottomsXaL {
	font-size: 0.87rem;
	line-height: 1.3rem
}
.Dtiasul li {
	height: 23.5rem;
}
.DtiasNv a {
	margin: 0px 10px;
	font-size: 0.8rem;
}
.serveAppBk2H {
	width: 400px;
	overflow: hidden;
}
.serveAppBk2H .back {
	margin-left: -70px;
}
.serveAppBk6_List {
	width: auto;
	margin: 0px 10px;
}
.serveAppBk6_ul {
	width: 100%;
	position: relative;
}
.serveAppBk6_ul li img {
	width: 100%;
	height: auto;
}
.serveAppBk6_ul li h2 {
	font-size: 22px;
}
.serveAppBk5_ul {
	margin: 0px 1%;
	width: auto;
}
.WebServiceYS_ul li .mask {
	font-size: 5.5px;
}
.backImgsClassA, .backImgsClassB, .backImgsClassC, .backImgsClassD {
	min-width: 150%;
	left: -50%;
}
.contactSy_NR {
	width: 100%;
}
.contactSy_NRr {
	width: auto;
	float: none;
	margin: 0px 45px;
}
.contactSy_NRl {
	width: auto;
	float: none;
	margin: 0px 20px;
}
.risenbMap {
	position: absolute;
	left: auto;
	margin-left: 0px;
	right: 0px;
	top: 0px;
	z-index: 5;
}
.branddspage p {
	width: 49.8%;
}
.branddspage p.mod4 {
	margin-right: 1px;
	border-right: 1px solid #e6e6e6;
}
.branddspage p.mod3 {
	margin-right: 1px;
	border-right: 1px solid #e6e6e6;
}
.branddspage p.mod2 {
	margin-right: 0px;
	border-right: 0px;
}
.DtiasNvDUN {
	height: auto;
}
.serveAppBk5AA_ul li a {
	display: block;
	position: relative;
	width: 50%;
	float: left;
}
.serveApliPic {
	-moz-transform: scale(0.5) translate(-83px, -10px);
	-ms-transform: scale(0.5) translate(-83px, -10px);
	-o-transform: scale(0.5) translate(-83px, -10px);
	-webkit-transform: scale(0.5) translate(83px, -10px);
	transform: scale(0.5) translate(-83px, -10px);
	margin-right: -100px;
}
.serveAppBk3_Title .img, .liaoJie_tilte, .ourpoint_Tilet img, .contactSy_tilte img, .serveApp1H img, .websolution, .WebServiceYS_title, .serveAppBk2H .img, .DtiasBt img {
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}
.serveAppBk2_Picul li {
	width: 100px;
	margin-right: 0px;
	margin-left: 7px;
}
}
/************600******************/


/************600******************/
@media only all and (max-width:500px) {
.bottomsXaL {
	font-size: 0.87rem;
	line-height: 1.3rem
}
.Dtiasul li {
	height: 23.5rem;
}
.DtiasNv a {
	margin: 0px 10px;
	font-size: 0.8rem;
}
.serveAppBk2H {
	width: 400px;
	overflow: hidden;
}
.serveAppBk2H .back {
	margin-left: -70px;
}
.serveAppBk6_List {
	width: auto;
	margin: 0px 10px;
}
.serveAppBk6_ul {
	width: 100%;
	position: relative;
}
.serveAppBk6_ul li h2 {
	position: relative;
	left: -10px;
	margin-bottom: 15px;
}
.serveAppBk6_ul li img {
	width: 100%;
	height: auto;
}
.serveAppBk6_ul li h2 {
	font-size: 22px;
}
.WebServiceYS_ul li {
	width: 100%;
}
.WebServiceYS_ul li .mask {
	font-size: 8px;
}
.teampageCli p {
	width: 100%;
}
.serveAppIPCback {
	top: 540px;
}
}
/************600******************/


@media only all and (max-width:450px) {
.serveAppBk6_ul li {
	width: 50%;
	margin-right: 0px;
	height: 261px;
	line-height: 23px;
}
.serveApliPic {
	margin-right: 0px;
	float: none;
	margin: 0px auto;
	margin-bottom: -45px;
	-moz-transform: scale(0.5) translate(0px, -10px);
	-ms-transform: scale(0.5) translate(0x, -10px);
	-o-transform: scale(0.5) translate(0px, -10px);
	-webkit-transform: scale(0.5) translate(0px, -10px);
	transform: scale(0.5) translate(0px, -10px);
	margin-left: 50%;
	left: -85px;
}
.serveAppBk6_ul li h2 {
	margin-bottom: 0px;
	left: 0px;
}
/*.serveAppBk6{height:700px;}
		.ScrollSCS_NR2{margin-top:-345px;}*/
.serveAppBk6 {
	height: 670px;
}
.serveAppBk6 .ScrollSCS_NR2 {
	margin-top: -335px;
}
.serveAppBk6_ul {
	top: -25px;
}
.serveAppBk4_picList {
	width: 100%;
}
.serveAppBk4_picListWid {
	width: 100%;
}
.borderRDss {
	width: 80%;
}
.serveAppBk4_picms:nth-child(2n) {
	float: right;
	clear: right;
	margin-left: 0px;
	margin-right: 0px;
}
.serveAppBk4_picms:nth-child(2n+1) {
	float: left;
	clear: left;
	margin-left: 0px;
	margin-right: 0px;
}
}
/**************************2014-12-30程序新增样式*******************************************************/
.DtiasNv .now_DtiasNv {
	color: #be0e29;
}
.Sybannerlia .img {
	position: static;
	margin: 0px;
}
.textcent {
	width: 3000px;
	height: 100%;
	left: 50%;
	margin-left: -1500px;
	position: absolute;
	text-align: center;
}
.backImgsClassA, .backImgsClassB, .backImgsClassC, .backImgsClassD {
	height: 120%;
}
.backImgsClassA {
	height: 120%;
}
/**************************2014-12-30程序新增样式*******************************************************/
.DtiasNv .now_DtiasNv {
	color: #be0e29;
}
.Sybannerlia .img {
	position: static;
	margin: 0px;
}
.textcent {
	width: 3000px;
	height: 100%;
	left: 50%;
	margin-left: -1500px;
	position: absolute;
	text-align: center;
}
.backImgsClassA, .backImgsClassB, .backImgsClassC, .backImgsClassD {
	height: 120%;
}
.backImgsClassA {
	height: 120%;
}
/************2015-5-27新增样式****************/
.PosFixNavR {
	position: fixed;
	right: 0px;
	height: 245px;
	z-index: 1000;
	top: 50%;
	margin-top: -110px;
}
.PosFixNavR a {
	display: block;
	position: relative;
	height: 49px;
	float: right;
	clear: both;
	width: 50px;
	background-image: url(../images/RitfixPic.png);
	background-repeat: no-repeat;
	background-color: rgba(18,18,18,0.6);
*background-color:#121212;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.PosFixNavR i {
	display: block;
	width: 95px;
	padding-right: 5px;
	height: 49px;
	text-align: right;
	font-size: 15px;
	color: #fff;
	line-height: 49px;
	position: absolute;
	top: 0px;
	right: 50px;
	font-style: normal;
}
.PosFixNavR a.a1 i {
	width: 120px;
	padding-right: 0px;
}
.PosFixNavR a:hover {
	width: 130px;
	background-color: #770e12;
}
.PosFixNavR a.a1:hover {
	width: 170px;
}
.headera {
	height: 53px;
}
.caseXqDiv {
	clear: both;
	min-height: 300px;
	overflow: hidden;
*overflow:visible;
}
.caseXqDivL {
	width: 39.15%;
	float: left;
	background: #fff;
	position: fixed;
	left: 0px;
	top: 0px;
}
.caseXqDivR {
	width: 60.85%;
	float: right;
	position: relative;
	min-height: 650px;
}
.caseXqDivR img {
	display: block;
	width: 100% !important;
	height: auto !important;
}
.caseXqDivR .btnL {
	display: block;
	width: 84px;
	height: 166px;
	border: 0px;
	background: url(../images/caseBtnR.png) no-repeat;
	cursor: pointer;
	position: fixed;
	top: 251px;
}
.caseXqDivR .btnR {
	display: block;
	width: 84px;
	height: 166px;
	border: 0px;
	background: url(../images/caseBtnL.png) no-repeat;
	cursor: pointer;
	position: fixed;
	right: 0px;
	top: 251px;
}
.caseXqDivR img {
	display: block;
	width: 100%;
	clear: both;
}
.caseXqDivLa {
	margin: 0px 12%;
	padding-top: 104px;
}
.caseXqDivLa h1 {
	height: 22px;
	border-left: 4px solid #cb0505;
	font-size: 22px;
	color: #606060;
	line-height: 22px;
	padding-left: 12px;
	margin-bottom: 22px;
}
.caseXqDivLa .strt {
	line-height: 25px;
	font-size: 16px;
	color: #7a7a7a;
	margin-bottom: 25px;
	clear: both;
}
.caseXqDivLa .strtA {
	height: 20px;
	clear: both;
	margin-bottom: 25px;
	clear: both;
}
.caseXqDivLa .strtA span {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #7a7a7a;
	float: left;
	width: 118px;
}
.caseXqDivLa .strtA span img {
	height: 20px;
	float: left;
	margin-right: 5px;
}
.caseXqDivLa .p {
	font-size: 14px;
	color: #7a7a7a;
	line-height: 26px;
	margin-bottom: 30px;
	clear: both;
}
.caseXqDivLa .link {
	clear: both;
	display: block;
	height: 32px;
	color: #7a7a7a;
	font-size: 14px;
	border: 1px solid #7a7a7a;
	padding: 0px 12px;
	line-height: 32px;
	margin-bottom: 41px;
	float: left;
	clear: both;
	transition: all 0.1s ease-in;
}
.caseXqDivLa .link:hover {
	color: #cb0505;
	background: #cb0505;
	border: 1px solid #cb0505;
	color: #fff;
}
.caseXqDivLa .lianx {
	clear: both;
}
.caseXqDivLa .lianx .a1 {
	display: block;
	float: left;
	width: 164px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	margin-bottom: 19px;
	background: #be0e29;
	border-radius: 34px;
}
.caseXqDivLa .lianx .a2 {
	display: block;
	clear: both;
	width: 164px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	margin-bottom: 19px;
	background: #7a7a7a;
	border-radius: 34px;
}
.ProcessDivBV {
	position: relative;
	z-index: 50;
}
.caseXqDivLposRe {
	position: absolute;
	top: auto;
	bottom: 10px;
}
/*****2016-5-13*********/
.risenbMap {
	top: 159px;
}
 @media only all and (max-width:1400px) {
.caseXqDivLa .strtA span {
	margin-bottom: 10px;
}
.caseXqDivLa {
	padding-top: 90px;
}
.caseXqDivLa h1 {
	margin-bottom: 13px;
}
.caseXqDivLa .strt {
	margin-bottom: 11px;
}
.caseXqDivLa .strtA {
	margin-bottom: 10px;
}
.caseXqDivLa .p {
	margin-bottom: 13px;
}
.caseXqDivLa .link {
	margin-bottom: 30px;
}
}
 @media only all and (max-width:640px) {
.caseXqDivL {
	width: 100%;
	position: relative;
	margin: 0px;
	top: 0px;
	bottom: 0px;
}
.caseXqDivR {
	width: 100%;
}
body {
	min-width: 320px;
}
.caseXqDivR .btnL {
	display: block;
	width: 50px;
	height: 99px;
	background: url(../images/caseBtnRa.png) no-repeat;
}
.caseXqDivR .btnR {
	display: block;
	width: 50px;
	height: 99px;
	background: url(../images/caseBtnLa.png) no-repeat;
}
.serveAppBk6_ul li h2 {
	width: auto;
	min-width: 10px;
}
}